使用multi_image_picker_view上传图片遇FileSystemException错误求助

你的核心错误出在onChange回调的处理逻辑上：multi_image_picker_view返回的p0是**Iterable<ImageFile>类型的图片集合**，但你直接将整个集合toString()后转成File，这会导致生成的File路径是"[Instance of 'ImageFile', ...]"这种完全无效的字符串，自然会触发找不到文件的系统错误。

1. 正确处理图片选择回调 #

遍历p0中的每一个ImageFile，通过它的path属性获取真实文件路径，再转成File加入列表：

onChange: (p0) {
  // 清空旧列表（若需要保留之前的选择，可去掉clear()直接addAll）
  image.clear();
  // 逐个处理每个选中的ImageFile
  for (var imgFile in p0) {
    image.add(File(imgFile.path));
  }
},

或者用更简洁的写法：

onChange: (p0) {
  image = p0.map((img) => File(img.path)).toList();
},

2. 优化上传函数代码 #

上传时无需重复实例化File，直接使用列表中的File对象即可，同时简化文件名处理：

uploadsurveryImage(List<File> imageFile) async {
  var request = http.MultipartRequest('POST', Uri.parse(FORM_URL));
  for (var file in imageFile) {
    request.files.add(http.MultipartFile(
      'gallery',
      file.readAsBytes().asStream(),
      file.lengthSync(),
      filename: basename(file.path),
    ));
  }
  var response = await request.send();
  return response.statusCode == 200 ? 'done' : 'Something Wrong';
}

修正后打印图片列表，应该会显示类似[File: '/storage/emulated/0/xxx/xxx.jpg', ...]的有效文件路径，此时调用上传函数即可正常读取文件并上传。

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