Affichage d'images à partir de dataDirectory dans ionic2

Question

Je travaille sur une application en utilisant ionic2.

Je stocke un ensemble d'images que j'ai téléchargées à partir du serveur dans le répertoire dataDirectory pour économiser le trafic mobile lorsque l'application est utilisée sans connexion Wi-Fi. Maintenant, je voudrais les afficher dans mon modèle.

Existe-t-il une méthode recommandée pour l'insertion de l'image?

J'ai essayé de donner le ion-img ou img-tag

le chemin complet (file.dataDirectory + “myImg.jpg” -> "file:///data/user/0/io.ionic.starter/files/myImg.jpg »

(stocké dans ma variable imgPath, le chemin est écrit après l'événement platform.ready), mais seulement un symbole de l'image brisée est représentée . Lorsque vous accédez à des images de mon dossier actif Je ne rencontre pas de problème, mais comment puis-je accéder aux images de la DataDirectory?

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

Ou dois-je lire chaque image de dataDirectory et les stocker dans une variable locale en tant que chaîne base64?

Answer 1

Il y a beaucoup de raisons pour montrer l'image cassée dans IONIC.

1. Si vous utilisez le rechargement en direct, certaines images sont parfois affichées en tant qu'image cassée. Vous pouvez exécuter directement pour voir si cela résout votre problème.
2. Si vous souhaitez utiliser l'image base64, vous pouvez l'enregistrer sous SQLite ou dans une variable locale pouvant résoudre votre problème.