JavaScript中字节字符串转字节数组及axios下载加密文件异常问题

我来帮你逐个解决这两个问题：

1. 字节字符串转字节数组的正确姿势 #

首先得明确你说的「字节字符串」是哪种形式，不同场景对应不同的转换方法：

情况1：每个字符对应单个字节的原始字符串 #

如果你的字符串是直接从二进制流得到的（比如类似"M\x86\x1b..."这种包含非ASCII字符的字符串），不管是Node.js还是浏览器环境，都可以这样转：

// 通用方法，转成Uint8Array
function stringToByteArr(str) {
  return new Uint8Array(Array.from(str).map(char => char.charCodeAt(0)));
}

// Node.js里更简便的方式，直接用Buffer
const buffer = Buffer.from(str);
const uint8Arr = new Uint8Array(buffer);

情况2：十六进制格式的字节字符串（比如你提供的4d86 1bcc...） #

如果是把空格分隔的十六进制字符串转成字节数组，需要先清理空格，再每两个字符解析成一个字节：

function hexStringToByteArr(hexStr) {
  // 先去掉所有空格
  const cleanHex = hexStr.replace(/\s/g, '');
  if (cleanHex.length % 2 !== 0) {
    throw new Error('十六进制字符串的长度必须是偶数哦');
  }
  const byteArr = new Uint8Array(cleanHex.length / 2);
  for (let i = 0; i < cleanHex.length; i += 2) {
    byteArr[i / 2] = parseInt(cleanHex.slice(i, i + 2), 16);
  }
  return byteArr;
}

// 用你给的示例测试
const sampleHex = "4d86 1bcc d86e 1be2 bf73 42fb 8c22 b147";
console.log(hexStringToByteArr(sampleHex)); 
// 输出 Uint8Array(16) [77, 134, 27, 204, 216, 110, 27, 226, 191, 115, 66, 251, 140, 34, 177, 71]

2. axios下载二进制文件时数据异常的解决办法 #

你遇到的问题是axios默认把响应当成文本来解析了，非UTF-8的字节会被替换成�（也就是0xEF 0xBF 0xBD），所以转成Buffer后数据完全不对。只要改一个配置就能解决：

正确的axios下载代码 #

const response = await axios.get(url, {
  // 关键！告诉axios返回原始二进制数据，不要解析成文本
  responseType: 'arraybuffer'
});

// Node.js环境转成Buffer
const fileBuffer = Buffer.from(response.data);
// 浏览器环境的话用 new Uint8Array(response.data)

console.log(fileBuffer.length % 16); // 现在会输出0，符合预期
console.log(fileBuffer); // 字节数组和fs.readFile读取的完全一致：[77, 134, 27, ...]

为什么fs.readFile没问题？ #

因为fs.readFile默认是二进制模式读取，直接返回原始的Buffer，不会做任何编码转换，自然能拿到正确的字节数据。而axios默认的responseType是text或json，会强制用UTF-8解析，把二进制里的非法UTF-8字节替换掉，就导致了数据损坏。

内容的提问来源于stack exchange，提问作者thinker3