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

Posted 2023-02-23

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

【英文标题】：How can I show the firebase storage image in flutter web. I have the image URL. show the URL not image. but another side image link is done perfectly

【发布时间】：2021-08-27 10:30:23

【问题描述】：

我已经有了图片网址。但是当我尝试进入我的浏览器时。容器显示 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/

【参考方案1】：

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

参考。 docs