Ionic 3显示数据目录图像

时间:2018-10-24 10:39:27

标签: ionic-framework ionic3 ionic-native

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

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

df_2[df_2$Freq == max(df_2$Freq),]

#  Var1 Freq
#1    9    3
#2   10    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 }); } } }); }); ,它确实为我要显示的给定路径和文件(图像)返回了 true

这是我认为的代码:

checkFile(path, file)

在该文件夹中,我仅下载了一个文件(称为ivan.jpg)用于测试。当我尝试显示图像时,我只会看到残破的图像图标。

<ion-item *ngFor="let item of items" (click)="openFile(item.title)"> <p>{{item.title}}</p> <img [src]="item.title"/> </ion-item> 插入的路径是:

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

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

我还尝试将item.title添加到我的config.xml中

1 个答案:

答案 0 :(得分: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