如何将图像正确上传到 Firebase 存储并将 link 保存到 firestore

Question

查看了这个 link ，下面推荐的，softauthor 和其他一些网站，以找出我做错了什么，但 none 有效。我正在尝试将图像 post 存储到存储中，然后在 RTDB 和 Firestore 中更新 link。这是片段，我做错了什么？ （403 错误）+ 对象 { 代码_：“storage/object-not-found”

updatePfp.addEventListener("change", (e) => {
  file = e.target.files[0];
  var storageRef = firebase.storage().ref("users").child(user.uid);
  storageRef.put(file)
  firebase.storage().ref("users").child(user.uid).getDownloadURL()
    .then(imgUrl => {
      var downloadURL = imgUrl;
      db.collection("userInfo")
        .doc(user.uid)
        .update({
          downloadURL: downloadURL,
        })
        .then(function() {
          alert("saved");
        })
        .catch(function(error) {
          alert(error);
        });
    });
});

Answer 1

您需要等到文件完全上传后才能请求下载URL。

storageRef.put(file).then(() => {
  firebase.storage().ref("users").child(user.uid).getDownloadURL()
    .then((downloadURL) => {
      ...