Dart/Flutter中Multipart请求无法传递Body参数问题求助

看起来你遇到的核心问题是手动设置了错误的Content-Type头，导致服务器无法正确解析你的multipart请求。我来帮你梳理问题并给出修复方案：

问题分析 #

你的代码里有两个关键问题：

1. 手动覆盖了Content-Type头：MultipartRequest会自动生成带boundary的multipart/form-data头（比如multipart/form-data; boundary=----WebKitFormBoundaryxxx），这个boundary是服务器用来区分表单字段和文件内容的标识。你手动设置成"multipart/form-data"后，丢失了boundary信息，服务器根本没法拆分请求里的内容。
2. 重复传递access_token：既在request.fields里添加，又在headers里设置，这种重复可能导致服务器解析逻辑混乱，建议统一传递方式。

修复后的代码 #

var request = http.MultipartRequest('POST', uri);
// 统一在表单字段里传递access_token
request.fields['access_token'] = token;
// 用异步方式读取文件字节，避免阻塞UI
request.files.add(await http.MultipartFile.fromBytes(
  'image', 
  await path.readAsBytes(),
  contentType: MediaType('image', 'jpeg')
));
// 不要手动设置Content-Type！MultipartRequest会自动生成正确的头
var response = await request.send();

额外提示 #

• 可以添加一行打印来验证自动生成的头：print(request.headers['content-type']);，你会看到它包含了正确的boundary。
• 服务器端要确保启用了multipart解析支持，比如在Spring Boot里要确保MultipartAutoConfiguration生效，Node.js里使用multer中间件等。
• 尽量避免用同步方法readAsBytesSync()，在Flutter的异步环境下，await path.readAsBytes()是更合理的选择，不会阻塞主线程。

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