如何挑选文件和图像以通过Flutter Web上传

Z时代
2024-01-10
分类：问答

我想知道如何将用户计算机中的图像选入我的Flutter Web应用程序中进行上传

回答：

我尝试下面的代码，它的工作。

第一 import 'dart:html';

// variable to hold image to be displayed
      Uint8List uploadedImage;
//method to load image and update `uploadedImage`
    _startFilePicker() async {
    InputElement uploadInput = FileUploadInputElement();
    uploadInput.click();
    uploadInput.onChange.listen((e) {
      // read file content as dataURL
      final files = uploadInput.files;
      if (files.length == 1) {
        final file = files[0];
        FileReader reader =  FileReader();
        reader.onLoadEnd.listen((e) {
                    setState(() {
                      uploadedImage = reader.result;
                    });
        });
        reader.onError.listen((fileEvent) {
          setState(() {
            option1Text = "Some Error occured while reading the file";
          });
        });
        reader.readAsArrayBuffer(file);
      }
    });
    }