首页 > Web开发 > 详细

hTML5 多图上传预览

时间:2017-07-13 10:03:42      阅读:249      评论:0      收藏:0      [点我收藏+]
<p> 
<label>请选择一个文件:</label> 
<input type="file" id="file" multiple="multiple" onchange="readAsDataURL()"/> 
</p> 
<div id="result" name="result"></div>

  

<script>  
  var result=document.getElementById("result");   var file=document.getElementById("file");   function readAsDataURL(){     var file = document.getElementById("file").files;     var result=document.getElementById("result");     for(i = 0; i< file.length; i ++) {       var reader = new FileReader();       reader.readAsDataURL(file[i]);       reader.onload=function(e){     //多图预览     result.innerHTML = result.innerHTML + ‘<img src="‘ + this.result +‘" />‘;       }       }    } </script>

  

hTML5 多图上传预览

原文:http://www.cnblogs.com/winyh/p/7158641.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!