如何用Node/Express解析Flask服务器返回的Multipart数据？

嘿，这个问题我之前也碰到过！Flask返回的Multipart数据有时候确实会让浏览器的formData()犯难，但用Node/Express来处理的话，我们可以用更灵活的工具轻松搞定它。

步骤1：安装依赖 #

首先需要两个关键包：node-fetch用来发送POST请求，busboy用来灵活解析Multipart响应流：

npm install node-fetch busboy

步骤2：完整代码实现 #

下面是可以直接复用的代码，我加了详细注释帮你理解：

const fetch = require('node-fetch');
const Busboy = require('busboy');

async function processFlaskResponse() {
  // 发送POST请求到你的Flask服务端点
  const flaskResponse = await fetch('http://your-flask-server/api/your-endpoint', {
    method: 'POST',
    // 如果需要携带请求参数，在这里添加body和对应headers
    // 示例：body: JSON.stringify({ param: 'test' }),
    // headers: { 'Content-Type': 'application/json' }
  });

  // 先检查请求是否成功
  if (!flaskResponse.ok) {
    throw new Error(`请求失败：${flaskResponse.statusText}`);
  }

  // 初始化Busboy，传入响应头识别Multipart边界
  const busboy = new Busboy({
    headers: flaskResponse.headers.raw()
  });

  // 存储最终结果：字段字典 + Zip流对象
  const result = {
    metaFields: {},
    zipFileStream: null
  };

  // 用Promise包装Busboy的事件监听，适配异步逻辑
  return new Promise((resolve, reject) => {
    // 捕获非文件字段（type1、count、done这些）
    busboy.on('field', (fieldName, fieldValue) => {
      result.metaFields[fieldName] = fieldValue;
    });

    // 捕获Zip文件流
    busboy.on('file', (fieldName, fileStream, fileName) => {
      // 匹配到目标test.zip时，保存流对象
      if (fileName === 'test.zip') {
        result.zipFileStream = fileStream;
        // 注意：不要手动关闭流，后续可直接pipe到其他处理（存文件、解压等）
      }
    });

    // 所有部分解析完成后返回结果
    busboy.on('finish', () => {
      resolve(result);
    });

    // 处理解析过程中的错误
    busboy.on('error', (err) => {
      reject(new Error(`解析Multipart数据出错：${err.message}`));
    });

    // 将Flask响应流导入Busboy开始解析
    flaskResponse.body.pipe(busboy);
  });
}

// 调用示例
processFlaskResponse()
  .then(({ metaFields, zipFileStream }) => {
    console.log('提取到的元字段：', metaFields);
    // 示例：把Zip流保存到本地文件
    const fs = require('fs');
    zipFileStream.pipe(fs.createWriteStream('./local-test.zip'))
      .on('finish', () => console.log('Zip文件保存完成'));
  })
  .catch(err => console.error('处理过程出错：', err));

为什么这个方案可行？ #

• 浏览器的formData()API对Multipart格式的校验非常严格，边界符、Content-Disposition格式稍有不规范就会报错；
• busboy是Node生态中专门处理Multipart数据的工具，直接操作原始流，解析逻辑更灵活，能兼容各种自定义的Multipart格式；
• 我们可以精准捕获字段和文件流，完美满足需求：把type1、count、done存成字典，同时保留Zip的原始流做后续处理。

额外提示（针对Flask端的小检查） #

如果之前前端formData()一直报错，你可以确认下Flask返回Multipart时的格式是否规范：

• 每个字段的Content-Disposition要包含name属性，比如form-data; name="type1"；
• Zip文件的部分要包含filename属性，比如form-data; name="zip_file"; filename="test.zip"；
• 确保响应的Content-Type头正确设置为multipart/form-data; boundary=xxx（Flask的Multipart构造一般会自动处理，但可以手动校验下）。

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