AngularFire2 db.collection 添加密钥 2 次

Question

我按照本指南前往create a upload-component for Angular5 with AngularFire2。

在视频的最后，他展示了一个代码 sn-p，允许将 url 路径添加到任何其他数据库 url。

this.snapshot = this.task.snapshotChanges().pipe(
    tap(snap => {
        console.log(snap);
        if (snap.bytesTransferred === snap.totalBytes) {
            // Update firestore on completion
            this.db.collection('photos').add({ path, size: snap.totalBytes }).then();
        }
    })
);

这会为照片创建一个 url 条目，但它会执行 2 次。知道这怎么可能吗？每次上传他都会创建 2 个随机密钥，里面的内容完全相同。

Answer 1

试试这样的。添加到 downloadURL()

中的集合

import { AngularFireStorage } from 'angularfire2/storage';
constructor(private storage: AngularFireStorage)

uploadFile(file){
  const filePath = 'images/' + this.docRef + '/';
  const task = this.storage.upload(filePath, file);

  task.percentageChanges().subscribe(per => {
    console.log(per);
  });

  task.downloadURL().subscribe(url => {
    console.log(url);
    this.db.collection('photos').add('required data')
  }
}