Flutter 从 Firebase 存储加载图像

2024-01-11

我看到有很多关于如何使用 flutter 将图像上传到 firebase 存储的示例,但没有实际下载/读取/显示已上传的图像。

在Android中,我只是使用Glide要显示图像,我该如何在 Flutter 中执行此操作?我是否使用NetworkImage类,如果是这样,我如何首先获取存储在 Storage 中的图像的 url?


要查看存储中的图像,您需要的是存储中文件的名称。获得所需特定图像的文件名后。 就我而言,如果我想加载测试图像,

final ref = FirebaseStorage.instance.ref().child('testimage');
// no need of the file extension, the name will do fine.
var url = await ref.getDownloadURL();
print(url);

获得网址后,

Image.network(url);

就这样 :)

基于其中一条评论的新替代答案。

我没有看到谷歌在任何地方对 downloadURL 收取额外费用。 因此,如果您要发表一些评论,请附上链接。

将文件上传到存储后,使该文件名唯一并将该名称保存在 firestore 或实时数据库中的某个位置。

getAvatarUrlForProfile(String imageFileName) async {
final FirebaseStorage firebaseStorage = FirebaseStorage(
    app: Firestore.instance.app,
    storageBucket: 'gs://your-firebase-app-url.com');

Uint8List imageBytes;
await firebaseStorage
    .ref()
    .child(imageFileName)
    .getData(100000000)
    .then((value) => {imageBytes = value})
    .catchError((error) => {});
return imageBytes;
}

Uint8List avatarBytes =
    await FirebaseServices().getAvatarUrlForProfile(userId);

并像这样使用它,

MemoryImage(avatarBytes)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter 从 Firebase 存储加载图像 的相关文章

  • Flutter 容器的 onTap 方法

    一直在开发一个 flutter 应用程序并根据一些 Firebase 数据动态构建一些容器 我想知道是否有办法获得容器的 onTap 方法 或任何不是按钮的小部件 这是一个代码示例 child new Container INSERT ON
  • Flutter:在 Android 上获取本地 IP 地址

    如何在 Flutter 中获取我的 Android 设备的本地 IP 地址 这应该是 当连接到 WIFI 时 我的路由器通过 DHCP 分配的本地 IP 地址 如果连接到 VPN 则由我的 VPN 服务器分配的 VPN 网络中的本地 IP
  • 当 TextFormField 聚焦时如何隐藏错误外观

    我在用着TextFormField用于表单和自定义验证器方法返回错误消息 我试图隐藏默认错误消息和错误边框TextFormField当文本字段获得焦点时 TextFormField focusNode focusNode validator
  • 使用 Flutter Flavor 运行调试?

    我正在尝试在 Visual Studio 代码上为我的 flutter 应用程序运行调试模式 单击 运行和调试 但是当我这样做时 我面临以下问题 The Xcode project defines schemes release priva
  • TabController 中的通知监听器用于无限滚动

    我有 4 个选项卡 我想在其中添加延迟加载或无限滚动选项 早些时候我尝试使用滚动控制器 但当它到达末尾时 事件触发多次 因此 有多个 Future http 请求到 API 我读了一些关于SO的问题 发现我可能需要使用Notificatio
  • 运行 pod install 时出错 - 在目标“Runner”上自动分配版本“8.0”的平台“iOS”

    你好 我无法用 Cocoapods 解决这个问题 任何人都可以帮助我 这是我第一次使用这个导入 导入 包 flutter vlc player flutter vlc player Dart 而不是可能出什么问题 我在mac上使用andro
  • Flutter如何post json数组

    如何在 json 数组下面发布 LstUserOptions OptionID ca339e40 10cc 4459 b9ec 07f7df0f4c69 我找到了解决方案 List
  • Flutter/Dart - () {} 和 () => {} 之间的区别

    在 Flutter Dart 中 示例有时显示粗箭头 有时不显示 以下是示例 RaisedButton onPressed setState myTxt Text Changed 在其他地方你会看到 void main gt runApp
  • flutter 动态查询 Firebase Firestore

    我正在创建一个视图 用户可以在其中选择多个元素 然后 通过在按钮上执行 onTap 这应该生成查询并在其他视图上显示查询结果 我的挑战是确保我获得用户选择的所有条件 然后使用多个字段值构建查询 我应该执行一个查询 然后对该查询进行查询等等
  • 如何检测flutter网站是否在浏览器后台运行?

    WidgetsBindingObserver 不适用于我的 flutter web 项目 是否有类似的东西可以检测用户何时关闭浏览器 例如使用 widgetbinding 关闭本机设备应用程序 我想在每次重建浏览器后重建整个网站 无论网站之
  • Flutter:从 Hive 盒创建对象流

    我正在尝试访问一些在整个应用程序中更改和访问的用户设置 为此 我使用 Hive 从框中检索用户设置 我想通过转动UserSettings对象检索自Hive box settings get userID 到一个流中 该流将被馈送到Strea
  • 如何从cloud firestore获取数据,其中user.uid等于flutter中的文档id?

    我有一个显示用户信息的个人资料屏幕 用户经过身份验证后 我将数据存储在云 Firestore 中 文档 ID 等于用户 ID 现在 我想从 cloud firestore 检索数据 当前 userId 等于文档 id 现在我有这个 clas
  • 如何将资产图像转换为文件?

    有没有办法将资产图像用作文件 我需要一个文件 以便可以使用它通过 http 在互联网上进行测试 我尝试过 Stackoverflow com 的一些答案 如何使用 image file 加载图像 https stackoverflow co
  • 颤动验证单选按钮

    如何将验证器函数添加到单选按钮列表中以便让它们验证 例如TextFormFields with formKey currentState validate 用户提交后Form 您可以复制粘贴运行下面的完整代码您可以使用包https pub
  • 如何关闭 Google Analytics for Firebase 中的数据阈值

    我需要帮助将 firebase 分析集成到我的 flutter 项目中 编写了一些自定义事件并希望使用此事件中的数据 这就是为什么我创建指标和维度但它不起作用 因为我获得了数据阈值 并收到了此消息 当启用 Google 信号并且您在指定日期
  • 错误:“List<#lib1::Data>”类型的值无法分配给“List<#lib2::Data>”类型的变量

    使用此 api 创建地震信息应用程序 https earthquake usgs gov earthquakes feed v1 0 summary all day geojson https earthquake usgs gov ear
  • 将颤动网格视图中的最后一行项目居中

    我有一个要输出到的动态项目列表GridView countmainAxisCount 为 2 2 列网格 的构造函数 如果列表长度为奇数 则最后一行将仅包含单个项目 我希望这个单个项目位于屏幕中央 而不是与第一列对齐 这可以做到吗 考虑到有
  • dart 中的 DateFormat 错误:“尝试在位置 10 处读取 2020 年 4 月 17 日的 -YYYY”

    如何将像 17 04 2020 这样的 dd MM yyyy 格式的字符串转换为 dart flutter 中的 DateTime 对象 formatter new DateFormat dd MM YYYY formatter parse
  • 如何在flutter app android中添加Startapp广告?

    我想用其他广告更改 AdMob 广告 一些个人问题 如何在flutter app android中添加Startapp广告 有什么方法可以将启动广告添加到我的 flutter 应用程序 android 中 StartApp 现已更名为 St
  • Flutter - 迭代对象键和值

    我有和反对 我想知道是否有一种简单的方法来迭代它的键和值 class Post String id String title String article Post this id this title this article 那没有 你

随机推荐