如何删除Firebase Storage中的图片文件夹？当前方法报错

Firebase Storage本身没有直接删除文件夹的API——它本质上不存在真正的“文件夹”，你在控制台看到的文件夹只是带有相同路径前缀的文件集合，那个“文件夹”本身并不是一个可删除的对象，这就是你调用delete()报错的原因。

要删除所谓的“文件夹”，必须先删除该路径下的所有文件（包括子文件夹里的文件），当所有文件都被删除后，控制台里的“文件夹”就会自动消失。

实现代码示例（Vue环境） #

你可以写一个递归函数来处理文件夹删除：

methods: {
  // 删除单个文件
  async deleteFile(fileRef) {
    await fileRef.delete();
  },

  // 递归删除文件夹（包括所有文件和子文件夹）
  async deleteFolder(folderRef) {
    const listResult = await folderRef.listAll();
    
    // 先删除所有文件
    await Promise.all(listResult.items.map(fileRef => this.deleteFile(fileRef)));
    
    // 递归删除所有子文件夹
    await Promise.all(listResult.prefixes.map(subFolderRef => this.deleteFolder(subFolderRef)));
  },

  // 调用删除文件夹的方法
  async deleteCard(mediaRef) {
    const folderRef = this.$fire.storage.ref('albums_cards').child(mediaRef);
    await this.deleteFolder(folderRef);
  }
}

代码说明 #

• listAll()方法会获取当前路径下的所有文件（items）和子文件夹前缀（prefixes）
• 先批量删除所有文件，再递归处理每个子文件夹，确保整个目录下的内容都被清理
• 用Promise.all()来并行处理多个删除操作，提升效率

内容的提问来源于stack exchange，提问作者Rustam Ravshanovich