如何使用 Angularfire2 从 Firebase 存储中删除

Question

我基本上是 Angularfire2 的新手，当用户按下删除按钮时，我试图从 Firebase 存储中删除一个文件夹。 不幸的是，此类信息不在 Angularfire2 文档中。

我基本上尝试使用下面的代码：

constructor(private afs: AngularFirestore, private storage: AngularFireStorage) { 
      this.clientsCollection = this.afs.collection('clients', ref => ref.orderBy('uid', 'asc'));;
  }

   deleteClient(client, callback){
    this.storage.ref(client.uid).delete();
  }

不幸的是，它抛出以下错误

FirebaseStorageError {code_: "storage/object-not-found", message_: "Firebase Storage: Object '3CqyNHrIwQ3sRlj83JKM' does not exist.", serverResponse_: "{↵  "error": {↵    "code": 404,↵    "message": "Not Found.  Could not delete object"↵  }↵}", name_: "FirebaseError"}

我将每个客户的文档存储在一个文件夹中，该文件夹的名称与客户的uid相似。 这实际上只是 Firebase 生成的 ID。 当我尝试删除该文件夹时出现上述错误。 请帮忙，我该怎么办？

Answer 1

我认为更好的方法是通过下载 URL 删除文件。 为此，您只需在注入的AngularFireStorage依赖项的实例上调用storage.refFromURL(url).delete() AngularFireStorage 。

...
constructor(private storage: AngularFireStorage) { }
...
delete(downloadUrl) {
  return this.storage.storage.refFromURL(downloadUrl).delete();
}
...

Answer 2

即使它不在文档中，您也正在使用正确的方式使用 AngularFireStorage 删除文件。 我自己用的，你可以在源文件中查看。

似乎您的client.uid没有client.uid任何资源。

但即使是这样，您也是说“当我尝试删除该文件夹时”，但根据这篇文章，您无法删除文件夹，您必须保留文件列表。

Answer 3

您可以列出文件夹内的所有项目，然后将它们一一删除，空文件夹将自动删除！

let folderPath = 'path/to/folder';

this.storage.storage.ref(folderPath).listAll().then(data => {
  data.items.forEach(item => {
    this.storage.storage.ref(item['location']['path']).delete()
  });
})