前端遇到formData的请求参数怎么传？

解答思路

用 new FormData() 创建一个表单数据对象，通过 append 方法逐个添加字段（包括普通字段和文件），然后把这个 FormData 实例作为请求体传给 fetch 或 axios 原来放 body/data 的位置即可。

示例代码

const fm = new FormData();
fm.append('username', 'linong');
fm.append('avatar', fileInput.files[0]);

// fetch
fetch('/api/upload', {
  method: 'POST',
  body: fm,
});

// axios
axios.post('/api/upload', fm);

详细说明

• 使用 FormData 时不需要手动设置 Content-Type，浏览器会自动生成带 boundary 的 multipart/form-data 类型请求头；手动设置反而可能因为缺少正确的 boundary 导致后端解析失败。
• append 可以多次调用同一个 key，此时会形成多值字段（后端按数组接收，类似普通表单的多选）。
• 如果字段值是文件对象（File/Blob），直接 append 即可，FormData 会按二进制文件处理。

小结

FormData 的用法就是「创建 -> append 逐个字段 -> 作为 body 传给请求」，浏览器会自动处理好 multipart/form-data 的请求头。