如何在浏览器端JS中将字符串转为UTF-32LE编码的文件？

你遇到的问题核心是：直接将JS字符串与UTF-32LE BOM拼接成Blob时，浏览器会自动把字符串按UTF-8编码，这和你指定的UTF-32LE编码不匹配，导致文件解析乱码。

正确的做法是手动将JS字符串转换为UTF-32LE编码的字节数组，再与BOM组合生成Blob，具体步骤如下：

• 保留你正确定义的UTF-32LE BOM
• 遍历字符串的每个字符，获取其Unicode码点
• 将每个码点按**小端序（LE）**拆分为4个字节（UTF-32每个字符固定占4字节）
• 合并BOM和转换后的字节数组，再创建Blob

完整代码示例：

// 定义UTF-32LE的BOM
const bom = new Uint8Array([0xFF, 0xFE, 0x00, 0x00]);
const str = "➀➁➂ Test";

// 存储转换后的UTF-32LE字节
const utf32Bytes = [];

for (const char of str) {
  // 获取字符的Unicode码点
  const codePoint = char.codePointAt(0);
  // 将码点拆分为小端序的4个字节（低字节在前）
  utf32Bytes.push(codePoint & 0xFF);         // 第1字节（最低位）
  utf32Bytes.push((codePoint >> 8) & 0xFF);  // 第2字节
  utf32Bytes.push((codePoint >> 16) & 0xFF); // 第3字节
  utf32Bytes.push((codePoint >> 24) & 0xFF); // 第4字节（最高位）
}

// 合并BOM和转换后的字节数组
const combined = new Uint8Array([...bom, ...utf32Bytes]);
// 创建Blob并明确指定编码类型
const blob = new Blob([combined], { type: "text/plain; charset=utf-32le" });

const url = URL.createObjectURL(blob);
open(url);

关键说明 #

• codePointAt(0)：能正确获取所有Unicode字符的码点，包括超出基本多语言平面（BMP）的特殊字符（如emoji）
• 按位拆分字节：严格遵循小端序规则，确保每个字符的字节顺序符合UTF-32LE标准
• 指定Blob的type参数：帮助浏览器直接识别文件编码，避免解析歧义

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