html5上传文件类型

html5上传文件类型

html的局限性:

1一次只能上传一个文件

2客户端只能获取上载文件的路径fly类型文件怎么打开fly类型文件怎么打开，而不能访问实际文件内容.

html5中的更改:

type =“ file”添加了两个属性

1accept: 此属性控制允许上传的文件类型. 此属性的值是一个或多个MIME属性. 多个MIME类型字符串用逗号分隔

2multiple: 此属性设置是否允许选择多个文件

File对象是一个JS对象. js获取用户通过此对象浏览的所有文件的信息. 文件对象包含以下属性

1 name: 返回文件对象对应的文件的文件名，不包括文件路径

2 type: 返回与文件对象相对应的文件的MIME类型字符串

3 size: 返回文件对象对应的文件大小

浏览图片:

<input type="button" value="显示文件" onclick="showDetails();"/>
<script type="text/javascript">
var showDetails = function()
{
	var imageEle = document.getElementById("images");
	// 获取文件上传域内输入的多个文件
	var fileList = imageEle.files;
	// 遍历每个文件
	for(var i = 0 ; i < fileList.length ; i ++)
	{
		var file = fileList[i];
		div = document.createElement("div");
		// 依次读取每个文件的文件名、文件类型、文件大小
		div.innerHTML = "第" + (i + 1) + "个文件的文件名是：" + file.name
			+ "，该文件类型是：" + file.type
			+ "，该文件大小为：" + file.size;
		// 把div元素添加到页面中。
		document.body.appendChild(div);
	}
}
</script>

发布于2013-12-06 10:16小佳阅读（...）评论（...）编辑

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-233920-1.html