ionic 3电容器从文档目录返回文件路径

时间:2018-07-12 20:56:27

标签: ionic-framework ionic3 capacitor

ios上的离子3电容器。

我已将jpeg文件存储在AppData文档目录中。现在我要显示图像。图像以HTML格式显示,      img src="{{image2}}"(一种选择)

这是我的工作代码,它返回文件的实际路径(部分基于Josh Morony的“离子电容器照片保存”,部分基于电容器源代码FileSystem API):

fileName1 = "photo2.jpeg";

Filesystem.getUri({
  directory: FilesystemDirectory.Data,
  path: fileName1
}).then((result) => {
  this.image1 = result.uri.replace('file://', '_capacitor_');
}, (err) => {
  console.log(err);
});

fileName2 = "photo2.jpeg";

   Filesystem.getUri({
  directory: FilesystemDirectory.Data,
  path: fileName2
}).then((result) => {
  this.image2 = result.uri.replace('file://', '_capacitor_');
}, (err) => {
  console.log(err);
});


fileName3 = "photo3.jpeg";

   Filesystem.getUri({
  directory: FilesystemDirectory.Data,
  path: fileName3
}).then((result) => {
  this.image3 = result.uri.replace('file://', '_capacitor_');
}, (err) => {
  console.log(err);
});

在此图像中返回路径的示例。 capacitor / var / mobile / Containers / Data / Application / 1C408C3C-   DB30-47C1-3416-6FB2697DC7AF / Documents / photo2.jpeg

我在“文档”目录中有20张照片; array = ["photo1.jpeg","photo2.jpeg","photo3.jpeg"," ...];

中的照片名称

我可以重复执行20次以上的代码并获得20条路径,但是我想重构代码,以便代码返回20条路径的数组。我不知道如何在离子3中实现这一目标。

0 个答案:

没有答案