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 中实现这一点。