是否有使用Flutter Web将文件上传到服务器的插件或方法?

Dee*_*ake 6 flutter-web

我想将图像从Flutter Web应用程序上传到服务器。有没有更好的办法做到这一点。

我已经尝试了几个插件。图像选择器,文件选择器但Flutter Web不支持它们。

bas*_*god 7

您可以使用dart:html的FileUploadInputElement类。

首先要做的是导入dart:html。

import 'dart:html';
Run Code Online (Sandbox Code Playgroud)

实现以下代码以启动文件选择器:

_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];
    final reader = new FileReader();

    reader.onLoadEnd.listen((e) {
      _handleResult(reader.result);
    });
    reader.readAsDataUrl(file);
  }
});
}
Run Code Online (Sandbox Code Playgroud)

  • 有什么想法可以在新的Flutter网站上进行制作吗? (2认同)