簡單的方法,是把原來的 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.搞定。