在ionic2中显示来自dataDirectory的图像

Question

我正在使用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字符串存储在本地变量中？

Answer 1

在IONIC中显示破碎图像的原因很多。

1. 如果您使用实时重新加载，那么某些时候的图像会显示为破碎的图像。您可以直接运行以查看它是否可以解决您的问题。
2. 如果您想要使用base64映像，您可以将其保存为SQLite或存储在可能解决您的问题的本地变量中。