如何在 flutter web 中为上传服务器选择文件？

Question

我想从电脑上选择一个文件作为上传服务器，但我不知道怎么做？

Answer 1

我在这里写了一个关于访问文件和读取其内容的详细答案。 这对你来说可能是一个好的开始。

简而言之

1. 像这样从dart:html package 创建一个FileUploadInputElement 。 FileUploadInputElement element = FileUploadInputElement()..id = "file_input"; .
2. 使用dart:ui的platformViewRegistry.registerViewFactory方法注册您的元素。

ui.platformViewRegistry.registerViewFactory("add_input", (int viewId) {
      return element;
    });

3. 使用HTMLElementView小部件将此元素附加到您的 web 应用程序布局。

HtmlElementView(viewType: 'add_input')

4. 使用FileReader读取通过FileUploadInputElement.files可用的文件，如下所示。

fileReader.readAsArrayBuffer(element.files[0]);

5. 如有必要，处理onLoad和onError事件。

6. 单击上传按钮后，处理FileUploadInputElement.files数组以访问文件并将其上传到服务器。