Firebase 从 url 中删除图片

Question

我需要从 firebase 存储 (react.js) 中删除图像，但是当我尝试恢复 url 时，控制台会给我： FirebaseError：Firebase 存储：对象“图像/[对象对象]”不存在。 （存储/未找到对象） { “错误”： { “代码”：404， “未找到信息。” } }

这是代码：

const deleteFromFirebase = (url) => {
    
        let imageRef = storage.ref(`/images/${url}`);
            
            imageRef.delete().then(() => {
            console.log("Deleted")
        }).catch(err => console.log(err))
      };

我需要插入索引吗？

Answer 1

imageUrl 变量不是 URL

您可以通过在函数顶部插入以下 console.log 来证明这一点：

const deleteFromFirebase = (url) => {

  console.log(JSON.stringify(url, null, 2);  

它实际上不应该是一个 URL

URL 类似于https://stackoverflow.com/questions/70558620/firebase-delete-images-from-url。您不希望将图像存储在以下位置，对吗？

/images/https://stackoverflow.com/questions/70558620/firebase-delete-images-from-url

因此，我建议在您的“deleteFromFirebase”函数中不要将其称为 URL，而应将其称为“pathWithinImagesFolder”或其他名称，这样可以减少混淆的范围。

下一步是找出 firebase 存储函数返回了什么

const imageUrl = await storage.ref('images').child(uploadTask.metadata.name).getDownloadURL();

console.log("Original value is ",imageUrl)
   

我怀疑它返回的是一个超长的 URL，可能在末尾添加了额外的内容以授予下载权限等。

我的建议

修改所有术语。有两个不同的东西。

• pathWithinImages，例如house.png;
• downloadUrl，例如https://google.something.blahblah/bucketName/blah blah?downloadKey=239850598745

所以当你上传时，要清楚：

const pathWithinImages = uploadTask.metadata.name 
const downloadUrl = await storage.ref('images').child(pathWithinImages).getDownloadURL();

同时存储pathWithinImages 和downloadUrl。

当你来删除图像时，使用pathWithinImages。

const deleteFromFirebase = (pathWithinImages) => {

    storage.ref(`/images/${pathWithinImages}`)
      .delete()
      .then(() => {
        console.log("Deleted")
      }).catch(err => console.log(err))
  };