Firebase-网络。 无法显示登录用户的图片

Question

I'm not able to display the picture of a logged user with email/password inside an <img> tag. I could display correctly the email,uid and all the details but the picture. This is the code:

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;
  }
});

When I go to the console I get error 404/null. Yes, the user Do have a picture ,I tried already with the exact path of the image file and it works.

Thanks.

Answer 1

Why do you call firebase.auth().currentUser; when you already have the user as a parameter of the function that is triggered on change?

What do you get if you do as follows:

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;
  }
});