firebase.storage().ref().getDownloadURL() 不会运行

Question

我正在尝试将图像上传到Firebase存储中，并将下载图保存在Firestore中，但是当我的代码运行时，.getDownloadurl（）将无法运行。图像上传，但在那之后，什么都没有发生。我的代码在下面。我尝试了几张图像。

const task = firebase.storage().ref('/hendingar/' + img.name).put(img)

task.then((snapshot) => {
  console.log('Img ')
  snapshot.ref.getDownloadURL((url) => {
    console.log('Url')
    firebase.firestore().collection('hendingar').add({
      title: title,
      description: description,
      start: start,
      end: end,
      place: infoPlace,
      prices: temp_arr,
      img: url,
    }).then(() => {
      console.log('Success')
    }).catch((error) => {
      console.error(error)
    })
  })
})

Answer 1

在 console.log('Img ') 之后您没有收到任何结果或日志，因为您没有正确链接承诺。您必须在链接 .then() 之前调用 getDownloadURL()。请参阅下面的代码：

const task = firebase.storage().ref('/hendingar/' + img.name).put(img)

// Uploads the file to Firebase Storage.
task.then((snapshot) => {
  console.log('Img')
  // You can also put the creation of Firestore Document here.
  // (If you want it to create the document before getting the download URL.)
  
 // Calls the `getDownloadURL()` method.
 snapshot.ref.getDownloadURL()
  .then((url) => {
    // Returns the Download URL from Firebase Storage.
    console.log('Url')
    console.log(url)
    
    // You can put this either here or before getting download URL.
    firebase.firestore().collection('hendingar').add({
      title: title,
      description: description,
      start: start,
      end: end,
      place: infoPlace,
      prices: temp_arr,
      img: url,
    }).then(() => {
      console.log('Success')
    }).catch((error) => {
      console.error(error)
    })
  })
})
.catch((error) => {
  // Logs error if there's an error uploading of file.
  console.log(error)
})

我对上面的代码留下了一些注释以便更好地理解。
如需了解更多信息，您可以查看此文档。