Node.js中Axios上传文件至API丢失文件且Content-Length异常求助

问题根源 #

• 直接将req.files.files对象作为axios请求的data参数传递时，axios无法正确将其封装为符合multipart/form-data格式的请求体，导致文件内容未被正确发送。
• 手动设置Content-Type: multipart/form-data但未添加必要的boundary分隔符，服务器无法正确解析请求内容，同时Content-Length计算仅包含了对象的描述信息而非实际文件大小。

解决步骤 #

1. 安装依赖：Node.js环境下需要使用form-data包构造multipart表单数据，执行安装命令：

npm install form-data

2. 修正请求代码：用FormData封装文件，让axios自动处理带boundary的Content-Type：

const FormData = require('form-data');
const axios = require('axios');

// 构造FormData实例
const formData = new FormData();
// 将文件添加到表单，参数对应API接收字段名、文件数据、文件名与类型
formData.append('files', req.files.files.data, {
  filename: req.files.files.name,
  contentType: req.files.files.mimetype
});

axios.post('http://api.site.com', formData, {
  // 用formData自动生成的请求头，包含正确的boundary
  headers: formData.getHeaders()
})
.then(function(result) {
  console.log(result.data);
})
.catch(function(error) {
  console.log('FAILURE:', error);
});

return res.json({"status":"success","message":"success"});

3. 关键说明：
   • formData.getHeaders()会生成包含正确boundary的Content-Type，无需手动设置。
   • 通过formData.append方法正确封装文件数据，确保文件内容被完整传入请求体。

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