JavaScript文件处理 File API

JavaScript文件处理 File API
支持File API的浏览器有IE10+,Firefox3.5+，Opera10.6+，Safari5+,Chrome。

1.在表单元素上<input type="fiel" name="file" id="file" />，可以选择一个或多个文件，通过获取文件元素对象的集合files，来操作每一个对象files[i]；

用法：DOM操作

　　var files=document.getElementById("file");

　　var file=files.files;//每一个file对象对应一个文件。

　　file.name//获取本地文件系统的文件名。

　　file.size//文件的字节大小。

　　file.type//字符串类型,文件的MIME类型。

　　file.lastModifiedDate//文件的最后修改时间。(只使用于Chrome浏览器)

2.通过FileReader类型读取文件中的数据（异步文件读取）

FileReader()
返回一个新构造的FileReader。
有关详细信息和示例，请参阅如何在web应用程序中使用文件。

属性
FileReader.error 只读
一个DOMException，表示在读取文件时发生的错误 。
FileReader.readyState 只读
表示FileReader状态的数字。取值如下：
常量名	值	描述
EMPTY	0	还没有加载任何数据.
LOADING	1	数据正在被加载.
DONE	2	已完成全部的读取请求.
FileReader.result 只读
文件的内容。该属性仅在读取操作完成后才有效，数据的格式取决于使用哪个方法来启动读取操作。
事件处理
FileReader.onabort
处理abort事件。该事件在读取操作被中断时触发。
FileReader.onerror
处