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)，它确实为我试图显示的给定路径和文件（图像）返回 true。

这是我认为的代码：

<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