作者:昧凉生丶楚_139 | 来源:互联网 | 2023-08-23 12:26
1、FileReader概述FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用File或Blob对象指定要读取的文件或数据。其
1、FileReader概述
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File
或 Blob
对象指定要读取的文件或数据。
其中File对象可以是来自用户在一个
元素上选择文件后返回的FileList
对象,也可以来自拖放操作生成的DataTransfer
对象,还可以是来自在一个HTMLCanvasElement
上执行mozGetAsFile()方法后返回结果
。
2、FileReader接口方法
方法名 |
参数 |
描述 |
readAsBinaryString |
file |
将文件读取为二进制码 |
readAsText |
file,[encoding] |
将文件读取为文本 |
readAsDataURL |
file |
将文件读取为DataURL |
readAsArrayBuffer |
file |
将文件读取为ArrayBuffer对象 |
abort |
(none) |
中断读取操作 |
3、FileReader接口事件
事件 |
描述 |
onabort |
数据读取中断时触发 |
onerror |
数据读取出错时触发 |
onloadstart |
数据读取开始时触发 |
onprogress |
数据读取中 |
onload |
数据读取成功完成时触发 |
onloadend |
数据读取完成时触发,无论成功失败 |
4、使用实例
更多参考内容详见:MDN FileReader