Firebase - Web。无法显示已登录用户的图片

时间:2018-06-07 09:39:19

标签: javascript firebase firebase-authentication

我无法在<img>标记内显示已记录用户的电子邮件/密码图片。我可以正确显示电子邮件,uid和所有细节,但图片。这是代码:

HTML:

<img id="user-image">   

JS:

firebase.auth().onAuthStateChanged(function(user) {
  var userId = firebase.auth().currentUser;
  var picture;
  if (userId) {
    picture = userId.photoURL;
    document.getElementById("user-image").src = picture;
  } else {
    //Nothing;
  }
});

当我进入控制台时,我得到错误404 / null。是的,用户确实有一张照片,我已尝试使用图像文件的确切路径并且它可以正常工作。

感谢。

1 个答案:

答案 0 :(得分:1)

为什么在已经将用户作为更改时触发的函数的参数时调用firebase.auth().currentUser;

如果你这样做,你会得到什么:

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    var picture = user.photoURL;
    console.log(picture). // <- check in you console that you get the correct url
    document.getElementById("user-image").src = picture;
  } else {
    //Nothing;
  }
});