上传前 Flutter 离线图片

Posted

技术标签:

【中文标题】上传前 Flutter 离线图片【英文标题】:Flutter Offline Images Before Uploading 【发布时间】:2021-03-27 17:02:54 【问题描述】:

因此,我尝试使用 Firebase 存储映像构建离线优先应用程序,但遇到了问题。我不希望用户知道图像何时上传到 Firebase,我想立即显示来自用户本地存储的图像。基本上,如果图像尚未上传,我希望应用程序呈现本地存储图像。

我目前使用CachedNetworkImage,但这需要图片已经上传。

我可以在上传之前创建图像 URL,并以某种方式使用本地图像引用该 URL,但我不确定如何去做。有什么想法吗?

编辑: 我想我会采用这种方法:https://www.youtube.com/watch?v=vzrP93xNW8g 它基本上是使用 Firestore 跟踪上传的内容。

【问题讨论】:

【参考方案1】:

如果没有代码,我们当然是在猜测,但在这里做一些假设...... 假设这意味着并非所有图像都将永远在其本地存储中: 您能否简单地检查图像是否存在于 Firebase 中以及它是否不显示本地图像?也就是说,有条件地构建从本地存储中提取的普通 Image 小部件或基于变量从 URL 中提取的 CachedNetworkImage。也许您有一个带有 URL 属性的 MyImage 对象,并通过在构建函数中检查它是否为空来选择要构建的小部件。

【讨论】:

以上是关于上传前 Flutter 离线图片的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 图片上传问题

flutter 图片压缩

在 Flutter 中发送 API 请求。图片上传

Flutter Firebase 上传多张图片

如何使用 HTTP 将多张图片上传到 Flutter 中的 Rest API?

如何在 MySQL 中使用 Flutter 和 php 上传图片