Ionic 3 显示数据目录图像

Question

我在显示保存在我的应用程序目录中的图像时遇到问题。

在这部分代码中，我检查我的数据目录是否有文件，如果有，获取它们的名称并将它们保存到我在视图中显示的数组中。

this.platform.ready().then(() => {
  file.listDir(this.file.dataDirectory,'').then((result)=>{

    for(let file of result){ //list of all files and directories

      if(file.isDirectory == true && file.name !='.' && file.name !='..'){

      }else if(file.isFile == true){
        this.items.push({
          title: this.fileDirectory+file.name //full path to file
        });

      }
    }
  });
});

我做了一个 checkFile(path, file) 它对给定的路径和文件做了 return true (image ) 我正在尝试显示。

这是我认为的代码：

<ion-item *ngFor="let item of items" (click)="openFile(item.title)">
    <p>{{item.title}}</p>
    <img [src]="item.title"/>
</ion-item>

我在该文件夹中只下载了一个文件（名为 ivan.jpg）用于测试目的。当我尝试显示图像时，我只看到一个损坏的图像图标。

用item.title插入的路径是：

file:///data/user/0/com.javorovic.comodo/files/ivan.jpg

正如我所说，该文件似乎存在，但我无法在我的视图中显示它，我一直在寻找答案，但似乎找不到。

我也试过将 <allow-navigation href="file://*/*" /> 添加到我的 config.xml

Answer 1

好吧，我通过执行以下操作解决了它：

卸载 webview

ionic cordova plugins rm cordova-plugin-ionic-webview

安装旧版本：

ionic cordova plugins add cordova-plugin-ionic-webview@1.2.1

干净的科尔多瓦

cordova clean android

SOURCE

Ionic 3 显示数据目录图像

Ionic 3 display data directory image

ionic-framework

ionic-native

ionic3