file-upload - Flutter web - 将图像文件上传到 Firebase 存储

Question

在 flutter web 上，我从计算机中选择一个图像文件并获取一个 File 图像对象。然后我想将它上传到 Firebase 存储。对于 Android 和 iOS 版本的应用程序，我使用了 Firebase Cloud Function 和 http 多部分请求。它有效，但对于该应用程序的网络版本则无效。所以，

如何直接或通过 Cloud Functions 将 html 图像文件上传到 Firebase 存储？

Answer 1

最后我设法找到了解决这个问题的方法。为此，我需要安装两个依赖项，firebase和 universal_html .
虽然很难找到解决方案，但它的实现其实很简单。这是我用来将 html 图像文件上传到 Firebase Storage 到“images”文件夹的函数代码:

import 'dart:async';
import 'package:universal_html/prefer_universal/html.dart' as html;
import 'package:firebase/firebase.dart' as fb;

Future<Uri> uploadImageFile(html.File image,
      {String imageName}) async {
    fb.StorageReference storageRef = fb.storage().ref('images/$imageName');
    fb.UploadTaskSnapshot uploadTaskSnapshot = await storageRef.put(image).future;
    
    Uri imageUri = await uploadTaskSnapshot.ref.getDownloadURL();
    return imageUri;
}

我希望它可以帮助和我有同样需求的人。