如何在JS中创建Buffer解压LZ4文件？前端处理S3压缩文件遇阻

核心问题出在错误地将二进制压缩数据当作UTF-8字符串处理——压缩文件是纯二进制格式，包含大量非UTF-8合规字节，转字符串时浏览器会自动将无效字节替换为U+FFFD（替换字符），彻底破坏了压缩文件的原始结构，导致解压库无法识别魔术数字、校验和等关键信息，进而报错。

正确处理流程 #

1. 确认后端响应头配置 #

确保API返回的Content-Type为application/octet-stream，且不要设置Content-Encoding头（浏览器仅原生支持gzip/deflate，LZ4/bz2需要前端自行处理）。

2. 前端请求时直接获取二进制数据 #

绝对不要用response.text()、response.json()等文本类方法接收数据，必须直接获取原始二进制的ArrayBuffer：

Fetch API示例：

fetch('/api/your-s3-compressed-file')
  .then(res => {
    if (!res.ok) throw new Error(`HTTP错误: ${res.status}`);
    return res.arrayBuffer(); // 关键：直接获取二进制缓冲区
  })
  .then(buffer => {
    const rawBytes = new Uint8Array(buffer); // 转成Uint8Array供解压库使用
    // 后续解压操作
  })
  .catch(err => console.error('处理失败:', err));

XMLHttpRequest示例：

const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/your-s3-compressed-file');
xhr.responseType = 'arraybuffer'; // 强制响应为二进制格式
xhr.onload = () => {
  if (xhr.status === 200) {
    const rawBytes = new Uint8Array(xhr.response);
    // 后续解压操作
  }
};
xhr.send();

3. 用对应解压库处理Uint8Array #

根据压缩格式选择合适的前端库，直接传入原始Uint8Array进行解压：

LZ4解压（以lz4js库为例）：

// 确保已引入lz4js库
const decompressedBytes = lz4.decompress(rawBytes);
// 若解压后是文本，转成UTF-8字符串
const resultText = new TextDecoder('utf-8').decode(decompressedBytes);
// 若为二进制文件（如图片、PDF），转成Blob使用
const resultBlob = new Blob([decompressedBytes], { type: 'image/png' });

bz2解压（以bzjs库为例）：

// 确保已引入bzjs库
const decompressedBytes = bz2.decompress(rawBytes);
// 后续同文本/二进制处理逻辑

4. 验证数据完整性 #

可以打印rawBytes的前几个字节，和S3上原文件的十六进制头对比（比如LZ4的魔术数字对应Uint8Array前四位是[24, 77, 34, 4]），确认原始字节未被修改。

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