2

ios上的离子3电容。

我已将 jpeg 文件存储在 AppData Documents 目录中。现在我想显示图像。图像显示在 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);
});

this.image 中返回的路径示例:电容器/var/mobile/Containers/Data/Application/1C408C3C-DB30-47C1-3416-6FB2697DC7AF/Documents/photo2.jpeg

我在 Documents 目录中有 20 张照片;中的照片名称array = ["photo1.jpeg","photo2.jpeg","photo3.jpeg"," ...];

我可以将上面的代码重复 20 次,得到 20 条路径,但我想重构代码,使代码返回一个包含 20 条路径的数组。我不知道如何在 ionic 3 中实现这一点。

4

0 回答 0