FileReader读取中文文件需确保编码匹配：优先将文件保存为UTF-8并调用readAsText(file, 'UTF-8')；若为GBK等编码，须用readAsArrayBuffer配合iconv-lite解码。

FileReader 读取本地中文文本文件时，关键在于正确设置编码格式，否则容易出现乱码。默认情况下 FileReader 使用 UTF-8 编码，只要文件本身是 UTF-8（含 BOM 或无 BOM）就能正常显示中文；若文件是 GBK、GB2312 等编码，则需额外处理。

确保文件保存为 UTF-8 编码

这是最简单可靠的方案：

• 用记事本、VS Code、Notepad++ 等编辑器打开文本文件
• 选择“另存为”，编码选 UTF-8（Notepad++ 中避免选“UTF-8-BOM”，除非明确需要）
• 保存后用 FileReader 读取，reader.result 就会正确显示中文

使用 FileReader.readAsText() 并指定编码

FileReader 支持第二个参数指定编码，可显式声明 UTF-8：

const reader = new FileReader();
reader.onload = function() {
  console.log(reader.result); // 正确的中文内容
};
reader.readAsText(file, 'UTF-8'); // 显式传入编码

注意：该参数在部分旧版浏览器（如 IE）中不被支持，但现代 Chrome/Firefox/Edge 均支持。

处理非 UTF-8 编码的文件（如 GBK）

FileReader 原生不支持 GBK 解码。如必须读取 GBK 文件，需借助第三方库转换：

• 引入 iconv-lite 的浏览器版（如 iconv-lite.min.js）
• 先用 readAsArrayBuffer() 读取二进制数据
• 再用 iconv-lite 将 ArrayBuffer 转为字符串：iconv.decode(new Uint8Array(buffer), 'gbk')

示例片段：

const reader = new FileReader();
reader.onload = function() {
  const uint8Array = new Uint8Array(reader.result);
  const text = iconv.decode(uint8Array, 'gbk');
  console.log(text); // 正确解析的中文
};
reader.readAsArrayBuffer(file);

验证读取结果是否乱码的小技巧

可在控制台快速检查：

• 打印 reader.result.length 和 JSON.stringify(reader.result) —— 若中文变成 "\u597d" 类似转义，说明是正常 UTF-8；若出现 或空格、问号，则大概率编码不匹配
• 用浏览器开发者工具的 Network 面板拖入文件，查看响应头或预览，辅助判断原始编码