FileReader.readAsArrayBuffer处理非ASCII字符（含£）问题咨询

数据老陈

2026-6-14

问题解决思路

首先纠正一个误解：你碰到的问题和「扩展ASCII」没关系，本质是编码不匹配。£的UTF-8编码是两个字节0xC2 0xA3，当你把这些字节直接当成单字节编码（比如ISO-8859-1或Windows-1252）解析时，0xC2会被转成字符Â，0xA3才是£，这就是为什么会出现两个字符。

怎么避免这个问题？

最稳妥的方式是用正确的编码解码文件内容，别直接处理Uint8Array的原始字节：

方法1：直接用`readAsText()`指定编码

如果确定文件是UTF-8编码，直接用FileReader.readAsText()并指定编码，就能自动处理多字节字符：

const reader = new FileReader();
reader.onload = function(e) {
  const content = e.target.result;
  // 这里的£就是单个正常字符，不用额外处理
};
reader.readAsText(file, 'UTF-8');

方法2：用`TextDecoder`解析ArrayBuffer

如果必须用readAsArrayBuffer()，可以用浏览器原生的TextDecoder类，指定正确编码解析：

const reader = new FileReader();
reader.onload = function(e) {
  const arrayBuffer = e.target.result;
  const decoder = new TextDecoder('UTF-8');
  const content = decoder.decode(arrayBuffer);
  // 解析后的content里，£是单个字符
};
reader.readAsArrayBuffer(file);