简单的方法,是把原来的 input 隐藏后用图片替换,用jquery 添加隐藏元素的click事件,
代码如下:
<input id="img1" type="file" name="img1" accept="image/png,image/jpeg, image/gif" style="display: none;">
<img src="/en/images/select.jpg" id="selectimg" alt="">
<script type="text/javascript">
$(function(){
$("#selectimg").click(function(){
$("#img1").click();
$("#img1").change(function(){
$('#selectimg').attr('src','/en/images/select1.jpg');
})
});
})
</script>
两张图片分别为传之前和之后的状态的图。简单做了下。
ok.搞定。