dataDirectory图像在ionic2中的显示

Question

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

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

有推荐的方法如何最好地插入图像吗？

我试着给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

用离子显示破碎的图像有很多原因。

1. 如果您使用的是实时重新加载，那么有时图像显示为破碎的图像。您可以直接运行查看它是否解决了您的问题。
2. 如果要使用base64映像，可以将其保存为SQLite，也可以保存在可能解决问题的局部变量中。