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

js获取上传文件个数 以及名称

时间:2016-08-15 14:18:18      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="file" name="file" id="file" multiple="multiple" />
	<div id="info_box"></div>
	<script>  
	var fileDom = document.getElementById("file");
	var infoBoxDom = document.getElementById(‘info_box‘);

	fileDom.addEventListener("change", upload, false);  
	function upload(){  
	    var list = this.files;  
	    for( var i = 0 ; i < list.length ; i++ ){  
           infoBoxDom.innerHTML += list[i].name+"<br>";  
	    }  
       	infoBoxDom.innerHTML += list.length+‘个文件‘;
	}
	</script>  
</body>
</html>

  

js获取上传文件个数 以及名称

标签:

原文地址:http://www.cnblogs.com/lzs-888/p/5772529.html

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