angular - 如何在 Baqend 中显示所有图像（文件）？

Question

我正在使用 Ionic 3 和 Baqend 构建一个应用程序。我知道如何使用以下方法获取文件夹内所有图像的列表：

let folder;
folder = new this.db.File('/file/www/event_0001/');
this.db.File.listFiles(folder).then(function(files) {
    console.log(files);
});

我不想在我的数据库中保留每个图像的引用，因为我是通过 Baqend 控制台手动上传的。那么如何遍历文件夹，提取每个图像的 url，并使用它们显示它们<img src=.../>？

Answer 1

您可以使用该file.url方法生成 URL：

let folder;
folder = new this.db.File('/file/www/event_0001/');
this.db.File.listFiles(folder).then(function(files) {
    this.images = files.map(file => file.url); 
});

之后，您可以使用ngFor显示图像：

<div *ngFor="let image of images">  
   <img [src]="image">
</div>  

并且您必须正确设置文件夹的查询权限才能使 listFiles 正常工作。例如，对于应该被允许这样做的公共或组/用户。