欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery點擊頭像上傳并預覽圖片

 更新時間：2017年02月23日 09:11:38   作者：ithuangjiaqi  
要實現jquery點擊頭像上傳功能，代碼可以分為兩部分html和jq代碼，代碼非常簡單，需要的朋友參考下

先給大家展示下效果圖：

 HTML代碼

<div class="img_show img_show1">
  <img src="img2/img06.jpg" width="103" height="103" alt="">
  <input type="file" class="upfile" accept="*/*">
</div>

jQuery代碼

DS.upfile = function(){
  $('.img_show').each(function(){
   var $this = $(this),
    btn = $this.find('.upfile'),
    img = $this.find('img');
   btn.on('change',function(){
    var file = $(this)[0].files[0],
     imgSrc = $(this)[0].value,
     url = URL.createObjectURL(file);
    if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){
     alert("請上傳jpg或png格式的圖片！");
     return false;
    }else{
     img.attr('src',url);
     img.css({'opacity':'1'});
    }
   });
  });
 }();

以上所述是小編給大家介紹的jQuery點擊頭像上傳并預覽圖片，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

相關文章

最新評論