FileReader方法

FileReader接口可以使web程序异步读取用户电脑上文档的内容（或原始数据缓冲区），使用File或是Blob对象来指定须要读取的文件或数据。

 

File对象能够经过多种方式得到：用户使用<input>元素在文件列表中选择；经过拖放的操做使用DataTransfer对象获取；也可以使用HTMLCanvasElement中的mozGetAsFile()接口获取。

 

构造函数

FileReader() 返回一个新建FileReader

 

属性

FileReader.error(只读): 一个DOMError接口反映了读取文件过程当中的错误。

 

FileReader.readyState(只读)：一个代表了FileReader状态的数字，数字列表以下：

 

EMPTY	0	没有数据加载
LOADING	1	数据正在加载
DONE	2	所有读取请求已完成

 

 

 

 

FileReader.result(只读)：被选定文件的内容。这个属性在读取操做完成后才可用，数据格式取决于初始化读取操做时选择的方法。

 

事件处理程序

 

FileReader.onabort： 中断事件的处理程序，读取操做被停止触发该事件。

FileReader.onerror：错误事件的处理程序，读取操做时每次遇到错误触发该事件。

FileReader.onload：加载事件的处理程序，读取操做成功完成时触发该事件。

FileReader.onloadstart：加载开始事件的处理程序，读取操做开始时触发该事件。

FileReader.onloadend：加载结束事件的处理程序，读取操做完成时触发该事件（无论是成功仍是失败）。

FileReader.onprogress：事件进展的处理程序，读取Blob内容时触发该事件。

 

方法

FileReader.abort()：中断读取操做，readyState返回2。

FileReader.readAsArrayBuffer()：使用指定的二进制对象来读取内容，使用数组缓冲器来展现文件数据。

FileReader.readAsBinaryString()：使用指定的二进制对象来读取内容，使用原始二进制字符串来展现文件数据。

FileReader.readAsArrayBuffer()：使用指定的二进制对象来读取内容，使用URL来展现文件数据。

FileReader.readAsArrayBuffer()：使用指定的二进制对象来读取内容，使用文本字符串来展现文件数据。

 

angularjs示例：

app.directive("fileread", [function () {
    return {
        scope: {
            fileread: "="
        },
        link: function (scope, element, attributes) {
            element.bind("change", function (changeEvent) {
                var reader = new FileReader();
                reader.onload = function (loadEvent) {
                    scope.$parent.import(loadEvent.target.result);
                }
                reader.readAsText(changeEvent.target.files[0]);
            });
        }
    }
}]);