时间戳

首页 > 解决方案 > 如何在 Flutter Web 中显示 Firebase 存储图像。我有图片网址。显示 URL 而不是图像。但另一侧图像链接已完美完成

flutter - 如何在 Flutter Web 中显示 Firebase 存储图像。我有图片网址。显示 URL 而不是图像。但另一侧图像链接已完美完成

问题描述

我已经有了图片网址。但是当我尝试进入我的浏览器时。容器显示 URL 而不是图像。但另一个侧面图像链接做得很完美。请对此作出回应。

调试控制台显示此错误：

无法解码图像数据。图片来源：http://localhost:5982/

'用于上传和检索'

String imageUrl = '';


    final  String downloadUrl = Uri.parse(await snapshot.ref.getDownloadURL()).toString();
    setState(() {
      imageUrl = downloadUrl;
    });

用于显示图像

 Stack(
                    alignment: Alignment.bottomRight,
                    children: [
                      Container(
                        child: Image.network(imageUrl),
                      ),
                      IconButton(
                          onPressed: () => uploadToStorage(dataProvider),
                          icon:
                              Icon(Icons.camera_alt, color: Colors.black54))
                    ],
                  ),'

调试控制台出错：

Failed to decode image data.

图片来源：http://localhost:5982/

标签： flutterfirebase-storageflutter-dependenciesweb-storageflutterwebviewplugin

解决方案

我想你正在寻找Image.network(urlForMyImage).

参考。文档

推荐阅读