AngularFirestoragelistAllbuildarrayofpromisesandforkjoin
创始人
2024-10-24 21:01:56
0

使用AngularFire Storage服务时,我们可以使用listAll()方法获取存储桶中的所有文件和子目录。但由于listAll()返回的是一个Observable,请使用toPromise()方法将其转换为Promise数组,然后再使用forkJoin()方法等待所有的Promise数组完成。以下是示例代码:

import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';
import { forkJoin } from 'rxjs';

@Component({
  selector: 'app-storage',
  templateUrl: './storage.component.html',
  styleUrls: ['./storage.component.scss']
})
export class StorageComponent {
  constructor(private storage: AngularFireStorage) { }

  async getFiles() {
    const storageRef = this.storage.ref('images');
    const { items } = await storageRef.listAll().toPromise();
    const promises = items.map(item => item.getDownloadURL().toPromise());
    const urls = await forkJoin(promises).toPromise();
    console.log(urls);
  }
}

在上面的代码中,我们首先获取一个指向'mages'存储桶的引用,然后使用listAll()方法获取所有文件和子目录的items。接下来,我们使用map()方法遍历文件和子目录的items,并调用getDownloadURL()方法获取每个文件的URL。然后将所有Promise数组传递给forkJoin()方法,并使用toPromise()方法将其转换为Promise,然后最终等待所有Promise数组完成。

相关内容

热门资讯

近期!we-poker软件,德... 近期!we-poker软件,德普之星有辅助软件吗,竟然真的是有挂(有挂透明挂)德普之星有辅助软件吗破...
黑科技辅助挂!德扑圈有透视吗,... 黑科技辅助挂!德扑圈有透视吗,德普之星辅助器,都是确实有挂(的确有挂)德扑圈有透视吗脚本下载中分为三...
据公告内容!悟空黑桃a辅助,德... 据公告内容!悟空黑桃a辅助,德扑之星透视辅助插件,切实是真的有挂(有挂功能)1、许多玩家不知道德扑之...
截至目前!hhpoker可以控... 截至目前!hhpoker可以控制牌吗,德普之星透视,一贯真的有挂(有挂教学)1、这是跨平台的德普之星...
据相关数据显示!哈糖大菠萝挂法... 据相关数据显示!哈糖大菠萝挂法,德普之星透视辅助,切实确实有挂(有挂实锤)德普之星透视辅助破解侠是真...
为了进一步!德普之星辅助器怎么... 为了进一步!德普之星辅助器怎么用,德扑之星透视辅助软件激活码,确实确实有挂(有挂猫腻)德扑之星透视辅...
据通报!拱趴大菠萝万能挂,如何... 据通报!拱趴大菠萝万能挂,如何下载德普之星辅助软件,总是真的是有挂(有挂总结)1、不需要AI权限,帮...
总结辅助挂!wejoker辅助... 总结辅助挂!wejoker辅助软件,德普之星透视辅助,其实存在有挂(有挂辅助)1、操作简单,无需德普...
最新消息!hhpoker买挂,... 最新消息!hhpoker买挂,德扑圈透视,竟然是有挂(存在有挂)1、上手简单,内置详细流程视频教学,...
现有关情况通报如下!聚星ai辅... 现有关情况通报如下!聚星ai辅助工具下载,德扑之星透视辅助插件,其实确实有挂(有挂教程)在进入德扑之...