Flutter GetX使用GetConnect上传图片失败，表单数据未发送

核心问题点 #

• MultipartFile的contentType设置错误：你给单个文件设置了multipart/form-data，这是整个表单的Content-Type，单个图片文件应该使用对应图片类型，比如image/jpeg。
• 请求头冲突：如果你的_mainHeaders中手动设置了Content-Type（比如application/json），会覆盖GetConnect自动生成的带边界的multipart/form-data头，导致后端无法解析表单数据。
• File对象有效性：需确保_galleryFile是真实的File类型对象，而非路径字符串。

修正后的代码 #

1. 正确创建FormData

final _formData = FormData({
  'passport_image': MultipartFile(_galleryFile, filename: 'passport.jpg', contentType: "image/jpeg"),
  'sim_image': MultipartFile(_galleryFile, filename: 'sim.jpg', contentType: "image/jpeg"),
  'signature_image': MultipartFile(_galleryFile, filename: 'signature.jpg', contentType: "image/jpeg"),
  'id': 593 // 如果后端要求字符串类型，改为'593'
});

2. 修正POST请求方法

Future<Response> postData(String uri, dynamic body) async {
  try {
    // 移除请求头中手动设置的Content-Type，让GetConnect自动处理
    final requestHeaders = Map<String, String>.from(_mainHeaders);
    requestHeaders.remove('Content-Type');
    
    Response response = await post(uri, body, headers: requestHeaders);
    print("----->" + response.body.toString());
    return response;
  } catch (e) {
    return Response(statusCode: 1, statusText: e.toString());
  }
}

额外注意事项 #

• 确保_galleryFile是通过图片选择器获取的有效File对象，示例代码：

final pickedFile = await ImagePicker().pickImage(source: ImageSource.gallery);
if (pickedFile != null) {
  _galleryFile = File(pickedFile.path);
}

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