如何使用Firebase UID作为图像URL的一部分从Firebase存储中检索图像？

Question

如何使用Firebase UID作为URL的一部分从Firebase存储中检索图像。我是Firebase的新手，所以我很可能犯了一个错误。

HTML：

   <div>
      <img id="profile-picture">
   </div>

JavaScript：

firebase.auth().onAuthStateChanged(function(user) {

var uid = firebase.auth().currentUser;

var pfpurl = firebase.storage().ref("profile_pictures/" + uid);

document.querySelector('#profile-picture').src = pfpurl;

})

Answer 1

document.querySelector('#profile-picture')不太可能直接从您传入的StorageReference下载图像数据，因为这需要它调用Firebase SDK。

如果要通过HTTPS下载图像数据，则需要首先获取图像的下载URL，如downloading data from a URL上的文档所示

firebase.auth().onAuthStateChanged(function(user) {

  var uid = firebase.auth().currentUser;

  var ref = firebase.storage().ref("profile_pictures/" + uid);

  ref.getDownloadURL().then(function(url) {
    document.querySelector('#profile-picture').src = url;
  });
})