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控制台手动上传的。那么如何遍历文件夹，提取每个图像的网址，并使用<img src=.../>显示它们？

Answer 1

您可以使用file.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正常工作。例如，对于应该被允许这样做的公众或团体/用户。

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

1 个答案: