javascript File对象

时间 2019-11-12

原文原文链接

File对象 测试html为1231231.html 记得试试一次传多个文件html

http://www.cnblogs.com/oneword/archive/2009/06/09/1499273.html 参考这个jquery

作了个小demo打印出files信息数组

<body>
<input type="file" multiple="multiple" id="files" name="files" />
<button id="mybtn">点击</button>
<script src="jquery-1.12.3.js"></script>
<script>
$(function(){
	$("#mybtn").on("click",function(e){
		var files = document.getElementById("files");
		console.log(files.files);
	});
});
</script>
</body>

input元素添加了属性multiple属性，意为能够单次上传多个文件，打印出的files即表明上传的文件（可多个）的信息；例如上传两个图片，返回一个数组，该数组含有两个图片的信息其中type，size，name是比较重要的属性，分别为该文件的类型，大小和文件名测试