flutter - 将图像 FlutterWebImagePicker 输出转换为文件

Question

我正在将 Flutter web 用于网络应用程序，但在将图像从图像选择器转换为文件以将其上传到我的服务器时遇到了问题。我在 Image.file(xxx) 中显示图像，但出现错误:

Error while trying to load an asset: FormatException: Illegal schemecharacter (at character 6)Image(image:%20MemoryImage(Uint8List%234267a,%20scale:%201),%20frameBuilder...

这是我正在尝试的代码:

Future getImage(bool isCamera) async {

    Image image;

    if (isCamera) {
      image = await FlutterWebImagePicker.getImage;
    } else {
    }

     var bytes = await rootBundle.load('$image');
    String tempPath = (await getTemporaryDirectory()).path;
    File file = File('$tempPath/profile.png');

    await file.writeAsBytes(
        bytes.buffer.asUint8List(bytes.offsetInBytes, bytes.lengthInBytes));


    setState(() {
      currentSelfie = file;
      _accDetails['customer_selfie'] = currentSelfie;
    });
  }

提前致谢

Answer 1

我已经测试了这个包并且对结果非常满意 imagePickerWeb它返回 3 种不同的类型，可以是图像(预览小部件)、字节、文件(上传)的形式

然后你可以用它来获取值

 html.File _cloudFile;
 var _fileBytes;
 Image _imageWidget;
 
 Future<void> getMultipleImageInfos() async {
    var mediaData = await ImagePickerWeb.getImageInfo;
    String mimeType = mime(Path.basename(mediaData.fileName));
    html.File mediaFile =
        new html.File(mediaData.data, mediaData.fileName, {'type': mimeType});

    if (mediaFile != null) {
      setState(() {
        _cloudFile = mediaFile;
        _fileBytes = mediaData.data;
        _imageWidget = Image.memory(mediaData.data);
      });
    }