html 5FileReader

HTML5的FileReader API是一个浏览器内置的对象，它允许网页读取用户选择的文件，而无需进行页面刷新。通过FileReader对象，开发者可以读取本地文件的内容，例如图片、文本或二进制数据，然后在JavaScript环境中处理这些数据。

FileReader的主要方法包括：
1. `readAsText()`：用于读取文本文件内容，并返回字符串。
2. `readAsDataURL()`：将文件转换为Base64编码的数据URI，通常用于显示图片。
3. `readAsArrayBuffer()`：读取文件内容作为ArrayBuffer对象，适合于处理二进制数据。
4. `readAsBinaryString()`：读取文件内容作为二进制字符串。
5. `onload` 和 `onerror` 事件处理器：当文件读取成功或失败时分别触发。

使用FileReader时，首先创建一个新的FileReader实例，设置好读取完成后回调函数，然后调用`readAs*()`方法指定需要读取的文件格式。例如：

var reader = new FileReader();
reader.onload = function(e) {
  var fileContent = e.target.result;
  // 处理读取到的数据
};
reader.readAsText(fileInput.files[0]); // fileInput是input[type=file]元素