深入理解JavaScript的FileReader详细讲解

FileReader 是 HTML5 File API 的一部分，它允许在客户端对用户选择的文件进行异步读取。使用 FileReader，我们可以读取用户的文件，并基于其内容执行各种操作，如预览图片、读取文本文件等。

FileReader 的主要方法：

1. readAsArrayBuffer(file)  - 读取文件并将其内容解读为二进制数据的 ArrayBuffer 对象。
2. readAsBinaryString(file)  - 读取文件并将其内容解读为二进制字符串。
3. readAsDataURL(file)  - 读取文件并将其内容解读为一个基于数据 URL 格式的字符串。
4. readAsText(file, [encoding])  - 读取文件并将其内容解读为纯文本。encoding 参数是可选的，表示文本的编码。

事件处理：

• loadstart - 开始读取文件时触发。
• progress - 读取文件过程中触发，可以用来实现加载进度条。
• load - 文件读取操作成功完成时触发。
• abort - 文件读取操作被中断时触发。
• error - 文件读取操作出错时触发。