如何使用 flutter web 选择要上传的文件和图像 [英] How to Pick files and Images for upload with flutter web

问题描述

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

解决方案

接受的答案已经过时，不建议在 Flutter 中直接使用 dart:html 包.

改为使用此包:https://pub.dev/packages/file_picker.>

在 Flutter Web 中如何使用的示例:

class FileUploadButton 扩展 StatelessWidget {@覆盖小部件构建(BuildContext 上下文){返回凸起按钮(孩子:文本('上传文件')，onPressed: () 异步 {varpick = await FilePicker.platform.pickFiles();如果(选择！= null){打印(picked.files.first.name)；}},);}}

请注意，Flutter Web 不支持 FilePickerResult.path.

I would like to know how to pick an Image from the users computer into my flutter web app for upload

解决方案

The accepted answer is outdated, and using dart:html package directly in Flutter is not recommended.

Instead, use this package: https://pub.dev/packages/file_picker.

Example of how to use in Flutter Web:

class FileUploadButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text('UPLOAD FILE'),
      onPressed: () async {
        var picked = await FilePicker.platform.pickFiles();

        if (picked != null) {
          print(picked.files.first.name);
        }
      },
    );
  }
}

Note that FilePickerResult.path is not supported in Flutter Web.

这篇关于如何使用 flutter web 选择要上传的文件和图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！