angular读取文件

Posted 2023-03-19

参考技术A 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(只读)：被选定文件的内容。这个属性在读取操作完成后才可用，数据格式取决于初始化读取操作时选择的方法。

事件处理程序

方法

angularjs示例：