hTML5 多图上传预览

最新推荐文章于 2021-06-04 09:31:00 发布

weixin_30755709

最新推荐文章于 2021-06-04 09:31:00 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

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

<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 +'" alt="" />';  
　　　　　　}

　　　　　　}
		    
　　　}  
  
</script>

转载于:https://www.cnblogs.com/winyh/p/7158641.html