如何从 Firebase 存储中的文件夹加载图像并在其他地方使用它

Posted

技术标签:

【中文标题】如何从 Firebase 存储中的文件夹加载图像并在其他地方使用它【英文标题】:How to load images from a folder in firebase storage and use it elsewhere 【发布时间】:2021-12-14 05:57:25 【问题描述】:

我正在尝试从 firebase 存储中的文件夹加载图像,代码给了我这个错误 type 'Future' 不是 type 'String' 的子类型 ,我什至不知道这段代码是否达到了我的目的

class FireStorageService extends ChangeNotifier
  FireStorageService();
  final storage = FirebaseStorage.instance;
  static Future<dynamic> loadImage(String image) async
    return await storage.ref('folder5/$image').getDownloadURL();
  

Future<Widget> getImage() async 
  final url = await FireStorageService.loadImage('1.jpg');
  return Image.network(url);

【问题讨论】:

FireStorageService.loadImage() 的未来是什么?? @Mohamed Hussien 您的问题解决了吗? 看看这个*** thread 【参考方案1】:

loadImage函数返回Future&lt;String&gt;

class FireStorageService extends ChangeNotifier
  FireStorageService();
  
  static Future<String> loadImage(String image) async 
    return await FirebaseStorage.instance.ref('folder5/$image').getDownloadURL();
  


Future<Widget> getImage() async 
  final url = await FireStorageService.loadImage('1.jpg');
  return Image.network(url);

【讨论】:

以上是关于如何从 Firebase 存储中的文件夹加载图像并在其他地方使用它的主要内容,如果未能解决你的问题,请参考以下文章

如何将聊天中的加载图像替换为使用 ReactJS 上传到 Firebase 存储的图像?

使用 getDownloadURL() 从 firebase 存储加载图像不起作用

Android Glide 和 Firebase 存储:将连续图像从 Firebase 存储加载到 Imageview - 闪烁

将图像从 Firebase 存储链接到 Firestore 文档并在 React Native 中显示它们

从Android中的firebase下载多个文件时如何管理内存

为 Firebase 存储中的文件设置缓存