Flutter 图片上传问题

Posted 2023-02-23

【中文标题】Flutter 图片上传问题

【英文标题】：Flutter Image upload issue

【发布时间】：2019-02-03 22:07:39

【问题描述】：

我正在尝试使用以下功能上传图片，一切正常，只是我想在帖子中发送图片，而当我尝试让图片一无所获时

这是调用 API

Future getUploadImg(access_token,File _image) async 
  print("Image: $_image");
  String apiUrl = '$_apiUrl/user/upload-profile-image';
  final length = await _image.length();
  final request = new http.MultipartRequest('POST', Uri.parse(apiUrl));
  request.headers['Accesstoken'] = "Bearer $access_token";
  request.files.add(new http.MultipartFile('imagefile',_image.openRead(), length));

  http.Response response = await http.Response.fromStream(await request.send());
  print("Result: $response.body");
  return json.decode(response.body);

我传递给服务器的文件是：

File: '/storage/emulated/0/android/data/com.dotsquares.ecomhybrid/files/Pictures/c5df03f7-097d-47ca-a3c5-f896b2a38c086982492957343724084.jpg'

【问题讨论】：

您能解释一下您面临的问题吗？

当我使用 API 参数传递图像时，没有进入 POST 或 File 方法。

【参考方案1】：

我终于得到了结果，如果有人需要帮助，我们需要传递图像共享我的工作代码的字符串：

Future getUploadImg(access_token,File _image) async 
  print("Image: $_image");
  var result;
  var stream = new http.ByteStream(DelegatingStream.typed(_image.openRead()));
  var length = await _image.length();
  var uri = Uri.parse('$_apiUrl/user/upload-profile-image');
  var request = new http.MultipartRequest("POST", uri);
  request.headers['Accesstoken'] = "Bearer $access_token";
  var multipartFile = new http.MultipartFile('imagefile', stream, length, filename: basename(_image.path));
  request.files.add(multipartFile);
  var response = await request.send();

  print(" ===================response code $response.statusCode");
  await response.stream.transform(utf8.decoder).listen((value) 
    print(" =====================response value $value");
    result = value;
  );
  return json.decode(result);

【讨论】：

我使用了上面相同的代码，不幸的是我遇到了错误，有什么线索吗？谢谢！ "error":"name":"MulterError","message":"Unexpected field","code":"LIMIT_UNEXPECTED_FILE","field":"property","storageErrors":[]

【参考方案2】：

为了避免以下问题：

写入失败 连接在...之前关闭 Flutter Doctor 错误 - SocketException：写入失败（操作系统错误：管道损坏，errno = 32）

您需要在标题中添加正确的参数。

就我而言，这些问题发生在上传图片和发送 base64 编码请求时。我通过添加以下“连接”标头解决了它：“保持活动”：

  final response = await this.httpClient.put(
    url,
    encoding: Utf8Codec(),
    headers: <String, String>
      'Content-Type': 'application/json; charset=UTF-8',
      'Accept': "*/*",
      'connection': 'keep-alive',
      'Accept-Encoding' : 'gzip, deflate, br',
    ,
    body: body,
  );