带有AngularFireStorage的NzUploadModule

Question

我正在尝试使用AngularFireStorage服务上传文件。文件已上传，我可以获得下载URL，但无法将状态（进度，下载URL）传递给nz-upload组件。有没有人解决？我认为S3的方式可能看起来类似。

uploadFile = (item: UploadXHRArgs) => {
    console.log('call uploadFile');
    console.log(item);
    const file = item.file;
    const filePath = `${this.authService.user.uid}/${file.uid}`;
    const fileRef = this.storage.ref(filePath);
    const task = this.storage.upload(filePath, file)
    return task.snapshotChanges().pipe(
      finalize(() => {
        fileRef.getDownloadURL().subscribe(result => {
          console.log(result);
        });
      })
    )
      .subscribe();
  }

  handleChange({ file, fileList }: UploadChangeParam): void {
    console.log(file.status);
    const status = file.status;
    if (status !== 'uploading') {
      console.log(file, fileList);
    }
    if (status === 'done') {
      this.msg.success(`${file.name} file uploaded successfully.`);
    } else if (status === 'error') {
      this.msg.error(`${file.name} file upload failed.`);
    }
  }

在浏览器控制台中

call uploadFile 
Object { action: "", name: "file", headers: undefined, file: File, postFile: File, data: undefined, withCredentials: false, onProgress: onProgress(e), onSuccess: onSuccess(ret, xhr), onError: onError(xhr)
 } 
uploading 
https://firebasestorage.googleapis.com/v0/b/xxxx.appspot.com/o/bc7Q7zMxCWdJW0FtHrWtC0y6Vle2%2Fmnjvjqua0z?alt=media&token=6a50e16d-2b42-43b3-907a-add7f7a9b8f6

在页面上

Answer 1

已解决，感谢https://github.com/ezhuo/ngx-alain/blob/master/src/app/@core/utils/image.compress.service.ts#L123

  uploadFile = (item: UploadXHRArgs) => {
    const file = item.file;
    const filePath = `${this.authService.user.uid}/${file.uid}`;
    const fileRef = this.storage.ref(filePath);
    const task = this.storage.upload(filePath, file);

    return task.snapshotChanges().pipe(
      finalize(() => {
        fileRef.getDownloadURL().subscribe(result => {
          item.onSuccess(result, item.file, result);
        });
      })
    )
      .subscribe(
        (result) => {
          const event = { percent: 0};
          event.percent = (result.bytesTransferred / result.totalBytes) * 100;
          item.onProgress(event, item.file);
        },
        err => {
          item.onError(err, item.file);
        }
      );
  }

P.S。仍在尝试了解item.onSuccess(result, item.file, result);，但可以进行上传和预览以及进度。