使用apollo-upload-client上传文件时如何设置utf-8编码？

问题根因 #

你拿到的encoding: "7bit"是HTTP上传时的MIME内容传输编码标识，仅代表文件按单字节ASCII格式传输，不会修改文件原始字节，无需针对该字段做调整。
出现乱码的核心原因有两个：

• 逐chunk转换字符串时，多字节的UTF-8字符被拆分到两个chunk中，单独转换就会生成�乱码
• 源文件本身不是UTF-8编码，强行按UTF-8解析导致乱码

具体操作步骤 #

1. 先修正后端流处理逻辑

不要逐chunk转字符串，先收集完整的Buffer再做编码转换，同时移除createReadStream的编码参数：

// 创建流时不要指定encoding，读取原始Buffer
const stream = createReadStream();

// 修正流转字符串逻辑
function streamToString(stream, cb) {
  const chunks = [];
  stream.on("data", (chunk) => {
    chunks.push(chunk); // 直接存储Buffer，不做临时转换
  });
  stream.on("end", () => {
    const fullBuffer = Buffer.concat(chunks);
    // 确认源文件为UTF-8的场景直接转字符串
    cb(fullBuffer.toString('utf8'));
  });
  // 补充错误处理避免进程崩溃
  stream.on("error", (err) => {
    cb(err);
  });
}

绝大多数�乱码都是逐chunk转换导致的，改完后可以先测试是否解决问题。

2. 兼容非UTF-8编码的上传文件

如果上传的文本文件存在GBK、GB2312等其他编码的情况，需要引入编码检测和转换工具处理：

1. 安装依赖：
   npm install iconv-lite chardet
2. 修改转换逻辑：

const iconv = require('iconv-lite');
const chardet = require('chardet');

stream.on("end", () => {
  const fullBuffer = Buffer.concat(chunks);
  // 自动检测文件编码
  const fileEncoding = chardet.detect(fullBuffer);
  // 按检测到的编码转换为字符串
  const content = iconv.decode(fullBuffer, fileEncoding);
  cb(content);
});

3. 前端主动生成文件上传的场景处理

如果文件是前端代码生成后再上传，创建文件时明确指定UTF-8编码：

const textContent = '要上传的文本内容';
const uploadFile = new File(
  [new Blob([textContent], { type: 'text/plain;charset=utf-8' })],
  'filename.txt'
);
// 再将该文件通过apollo-upload-client上传即可

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