首页 文章

Ionic 3显示数据目录图像

提问于
浏览
0

我在显示保存在我的app目录中的图像时遇到问题 .

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

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 插入的路径是:

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

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

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

1 回答

  • 1

    好吧,我通过以下方式解决了这个问题:

    uninstall webview

    ionic cordova plugins rm cordova-plugin-ionic-webview
    

    install old one:

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

    clean cordova

    cordova clean android
    

    SOURCE

相关问题