码迷,mamicode.com
首页 > Web开发 > 详细

hTML5 多图上传预览

时间:2017-07-13 10:49:56      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:hang   files   document   javascrip   for   ntb   put   new   java   

<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 多图上传预览

标签:hang   files   document   javascrip   for   ntb   put   new   java   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!