(转)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

posted @ 2017-08-31 02:18  倚天说  阅读(2008)  评论(0编辑  收藏  举报