Flutter上传图片至REST API返回400错误，求排查解决方法

问题原因 #

• 你传递给profileImageUser的image参数值错误：你传的是XFile实例调用toString()的结果（也就是控制台打印的Instance of 'XFile'），完全不是接口要求的base64编码内容。你虽然在setState内计算了图片的base64值，但没有把这个值存起来供接口调用使用，相当于计算逻辑完全无效。
• 接口要求的base64图片需要带data:image/jpeg;base64,前缀（你Postman测试的参数也符合这个规则），你自己编码的base64没有拼接这个前缀，接口无法识别格式。
• 你使用了同步方法readAsBytesSync读取图片，大图片场景下会阻塞UI线程，建议替换为异步读取方法。

修复后的代码 #

1. 修改_imgFromCamera方法 #

Future _imgFromCamera() async {
  final image = await ImagePicker().pickImage(source: ImageSource.camera);
  if (image == null) return; // 增加空判断，避免用户取消拍照后报错
  setState(() {
    _image = image;
  });
  // 把base64计算逻辑移到setState外，异步读取避免卡UI
  final bytes = await File(image.path).readAsBytes();
  String img64 = base64Encode(bytes);
  // 拼接接口要求的base64前缀
  String base64Image = "data:image/jpeg;base64,$img64";

  SharedPreferences prefs = await SharedPreferences.getInstance();
  if (_formKey.currentState!.validate()) {
    var myId = prefs.getString('user_id');
    if (myId == null) return; // 增加用户ID空判断
    // 传处理好的base64Image给接口，不要传XFile的toString
    var rsp = await profileImageUser(
      myId,
      base64Image,
    );
    print(rsp);
    if (rsp['status'] == true) {
      print(rsp);
    } else {
      print('failed');
    }
  }
}

2. 可选优化：给profileImageUser增加错误捕获 #

Future profileImageUser(String user_id, String image) async {
  try {
    String url = '你的实际接口地址'; // 注意这里要替换成你真实的API地址
    final response = await http.post(Uri.parse(url),
        body: {
          'user_id': user_id,
          'image': image
        }
    );
    if (response.statusCode == 200) {
      var convertedDataJson = jsonDecode(response.body);
      return convertedDataJson;
    } else {
      return {"status": false, "message": "请求失败，状态码${response.statusCode}"};
    }
  } catch (e) {
    return {"status": false, "message": "请求异常：$e"};
  }
}

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