在ionic2中显示来自dataDirectory的图像

Posted 2023-02-23

【中文标题】在ionic2中显示来自dataDirectory的图像

【英文标题】：Displaying images from dataDirectory in ionic2

【发布时间】：2017-10-09 05:15:30

【问题描述】：

我正在开发一个应用程序，使用 ionic2。

我将从服务器下载的一组图像存储在 dataDirectory 中，以在没有 wi-fi 的情况下使用应用程序时节省移动流量。 现在，我想在我的模板中显示它们。

是否有推荐的最佳插入方式？

我尝试给ion-img 或img-tag

完整路径（file.dataDirectory + “myImg.jpg” -> "file:///data/user/0/io.ionic.starter/files/myImg.jpg”

（存储在我的imgPath变量中，路径写在platform.ready事件之后），但只显示了一个破损的图像符号。从我的资产文件夹访问图像时，我没有遇到任何问题，但是如何访问 dataDirectory 的图像？

<img width=“200” height=“200” [src]=“imgPath” *ngIf=“imgPath”>

或者我是否必须从 dataDirectory 中读取每个图像并将它们作为 base64 字符串存储在局部变量中？

【参考方案1】：

IONIC 中显示损坏图像的原因有很多。

如果您使用实时重新加载，则有时图像会显示为损坏的图像。您可以直接运行，看看它是否能解决您的问题。 如果您想使用 base64 图像，您可以将其保存在 SQLite 或本地变量中，这可能会解决您的问题。

【讨论】：

谢谢。我在没有实时重新加载的情况下重试，现在我的图像无需通过 base64 加载所有内容即可显示。我认为从模拟器转移到实际设备会解决这个问题，但问题（在我的情况下）似乎是激活的实时重新加载。