ionic2のdataDirectoryから画像を表示

Question

私はionic2を使って、アプリを開発しています。

私は、アプリがwi-fiなしで使用されているときにモバイルトラフィックを節約するために、サーバーからダウンロードした一連の画像をdataDirectoryに保存しています。 今、テンプレートの中にそれらを表示したいと思います。

イメージの挿入方法を推奨しますか？

私はimgPath変数に格納され、経路が）platform.readyイベントの後に書かれているが、唯一の壊れた画像シンボルが示されている（file.dataDirectory + “myImg.jpg” -> "file:///data/user/0/io.ionic.starter/files/myImg.jpg」

（ion-img又はimg-tag

に完全なパスを与える試み私の資産フォルダから画像をアクセスするとき。私は何の問題も発生しませんが、どのように私はDATADIRECTORYのイメージにアクセスすることができますか？

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

または、dataDirectoryから各イメージを読み込み、ローカル変数にbase64文字列として格納する必要がありますか？

Answer 1

IONICに壊れた画像が表示される理由はたくさんあります。

1. ライブリロードを使用している場合は、いつかイメージが壊れたイメージとして表示されます。直接実行して問題が解決したかどうかを確認することができます。
2. base64イメージを使用する場合は、SQLiteまたはローカル変数に保存して問題を解決できます。