js FileReader的常用使用方法_js filereader readasarraybuffer

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。

主要的读取方法：

readAsArrayBuffer()： 开始读取指定的 Blob 中的内容。 一旦完成，result 属性中保存的将是被读取文件的 ArrayBuffer 数据对象

readAsBinaryString()： 开始读取指定的 Blob 中的内容。一旦完成，result 属性中将包含所读取文件的原始二进制数据。

readAsDataURL()： 开始读取指定的 Blob 中的内容。一旦完成，result 属性中将包含一个 data: URL 格式的 Base64 字符串以表示所读取文件的内容。

readAsText()： 开始读取指定的Blob中的内容。一旦完成，result 属性中将包含一个字符串以表示所读取的文件内容。

标识符：

• onloadstart 状态：数据正在被加载；
• onloadend 状态：已完成全部的读取请求；
• .当然状态为 0（readyState）表示还没有加载任何数据；
• 每过50ms左右，就会触发一次 progress 事件；也就是说这个可能多次触发，onload 事件在 onloadend 之前触发；
• 由于种种原因无法读取文件时，会触发 error 事件。触发 error 事件时，相关信息保存在 FileReader 对象的 error 属性中，这个属性将保存一个对象，此对象只有一个属性 code，即错误码。1 表示未找到文件，2 表示安全性错误，3 表示读取中断，4 表示文件不可读，5 表示编码错误；
• 如果想中断读取过程，可调用 abort 方法，就会触发 abort 事件。在返回时，readyState 属性为 DONE。一般用于后台的操作；