带有 angularfire2 的 Angular - getDownloadURL() 有时不起作用。这是因为异步吗

Question

获取https://firebasestorage.googleapis.com/xxxxx/o/hw04.docx404 firebase 下载链接错误 t {code_: "storage/object-not-found", message_: "Firebase Storage: Object 'hw04.docx' does not exist.", serverResponse_: "{↵ "error": {↵ "code" : 404,↵ "message": "No...not get object",↵ "status": "GET_OBJECT"↵ }↵}", name_: "FirebaseError"}

这是我的代码 sn-p。

upload(event) {
    const file = event.target.files[0];
    this.randomId = file.name;
    this.ref = this.afStorage.ref(this.randomId);
      this.task = this.ref.put(file);
      this.uploadProgress = this.task.percentageChanges();
      console.log("before pipe",this.task);
      this.ref.getDownloadURL().subscribe((url) => {
          console.log("link", url)
          this.downloadURL = url;
        },
        err => {
            console.log("firebase download link err", err);
        })
    }
}

它在 60% 的情况下都能正常工作，否则会出现 404 下载链接错误。

有没有更好的方法来处理这个异步响应？

请帮帮我！

谢谢，

Answer 1

考虑使用来自 rxjs 的 finalize 方法：

task.snapshotChanges().pipe(
    finalize(() => this.downloadURL = fileRef.getDownloadURL() )
 )
.subscribe()

上传完成后会设置下载地址。