使用 dio formdata 上传图片 flutter web

Question

我正在尝试使用 file_picker 和 dio 包将文件作为表单数据上传。

这是针对 flutter web 的，似乎MultipartFile.fromFile未被接受。

我尝试的是以下内容：

if (result != null) {    
  for (var file in result.files) {
    final formData = FormData.fromMap({
      ...someOtherData,
      'file': File(file.name), // <------ I guess this is where the issue is, I also tried file instead of File(file.name)
    });
    
    dio.post(
      url,
      data: formData,
    );
  }
}

Answer 1

如果有人仍然想知道如何让它在移动设备和 web 上工作（这是使用 image_picker 的 PickedFile 作为图像变量类型）：

 FormData body;
 final bytes = await image.readAsBytes();
 final MultipartFile file = MultipartFile.fromBytes(bytes, filename: "picture");
 MapEntry<String, MultipartFile> imageEntry = MapEntry("image", file);
 body.files.add(imageEntry);

** 问题是文件名在 web 上是必需的，在移动设备上是自动分配的。**

Answer 2

好的，我找到了，留给遇到同样问题的人

if (result != null) {    
  for (var file in result.files) {
    final formData = FormData.fromMap({
      ...someOtherData,
      'file': MultipartFile.fromBytes(file.bytes as List<int>)
    });
    
    dio.post(
      url,
      data: formData,
    );
  }
}