Anzeigen von Bildern aus DataDirectory in ionic2

Question

Ich arbeite an einer App mit ionic2.

Ich speichere eine Reihe von Bildern, die ich vom Server im dataDirectory heruntergeladen habe, um mobilen Datenverkehr zu speichern, wenn die App ohne Wi-Fi verwendet wird. Jetzt möchte ich sie in meiner Vorlage anzeigen.

Gibt es einen empfohlenen Weg, wie das Bild am besten eingefügt werden sollte?

ich die

den vollständigen Pfad (file.dataDirectory + “myImg.jpg” -> "file:///data/user/0/io.ionic.starter/files/myImg.jpg“

(gespeichert in meiner imgPath Variable ion-img oder img-tag versucht zu geben, wird der Pfad nach dem platform.ready Ereignis) geschrieben, aber nur ein gebrochenes Bild Symbol wird angezeigt . Wenn Sie Bilder von meinem Vermögen Ordner zugreifen begegne ich keine Probleme, aber wie kann ich Datadirectory die Bilder zugreifen?

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

Oder muss ich jedes Bild aus dem dataDirectory lesen und in einer lokalen Variablen als base64 String speichern?

Answer 1

Es gibt viele Gründe, ein gebrochenes Bild in IONIC zu zeigen.

1. Wenn Sie Live-Nachladen verwenden, werden manchmal Bilder als gebrochenes Bild angezeigt. Sie können direkt ausführen, um festzustellen, ob das Problem behoben wurde.
2. Wenn Sie base64-Image verwenden möchten, können Sie entweder SQLite oder lokale Variable speichern, die Ihr Problem möglicherweise beheben.