时间戳

首页 > 解决方案 > Ionic 3 显示数据目录图片

ionic-framework - Ionic 3 显示数据目录图片

问题描述

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

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

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

标签： ionic-frameworkionic3ionic-native

解决方案

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

卸载网页视图

ionic cordova plugins rm cordova-plugin-ionic-webview

安装旧的：

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

干净的科尔多瓦

cordova clean android

资源

推荐阅读