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

Question

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

Answer 1

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

简而言之

1. FileUploadInputElement像这样从dart:html包中创建一个。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. 使用 aFileReader读取可用的文件FileUploadInputElement.files，如下所示。

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

5. 必要时处理onLoad和事件。onError

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