(轉)JS 選擇圖片后的回顯方法



1
  <script> 2 function changImg(e){ 3 for (var i = 0; i < e.target.files.length; i++) { 4 var file = e.target.files.item(i); 5 if (!(/^image\/.*$/i.test(file.type))) { 6 continue; //不是圖片 就跳出這一次循環 7 } 8 //實例化FileReader API 9 var freader = new FileReader(); 10 freader.readAsDataURL(file); 11 freader.onload = function(e) { 12 $("#myImg").attr("src",e.target.result); 13 } 14 } 15 } 16 </script> 17 18 使用方式: 19 <form action=""> 20 <input type="file" name="files" accept="image/*" onchange="changImg(event)" > 21 <img id="myImg" src="" height="100px",width="100px"> 22 </form>

 轉自:http://blog.csdn.net/wd4871/article/details/51445043


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM