Comment faire pour récupérer la photo de profil de facebook SDK javascript?

Je suis en train de chercher la photo de profil de facebook. Maintenant je suis à l'obtention de toutes les informations de facebook, mais l'impossibilité d'obtenir la photo de profil de l'utilisateur. Voici mon code:

function getFBData () {
    FB.api('/me', function(response) {
      fbinfo = new Array();
      fbinfo[0] = response.id;
      fbinfo[1] = response.first_name;
      fbinfo[2] = response.last_name;
      fbinfo[3] = response.email;
      FB.api('/me/picture?type=normal', function (response) {
         var im = document.getElementById("profileImage").setAttribute("src", response.data.url);
         alert(im);
        });

Comment puis-je obtenir de l'image à partir de la réponse de cette API.

Avez-vous demandé pour user_photos autorisation via le champ dans votre FB.login()?
Aussi, vérifiez que response.data.url contient en fait quelque chose avant d'essayer de l'insérer dans le DOM.
user_photos autorisation n'est pas requise pour la photo de profil, seulement si vous voulez avoir accès à TOUTES les photos de profil et tous les albums.
Peterson, je veux récupérer uniquement profil utilisateur actuel pic.
Peterson, j'ai déjà appelé le FB.fonction de connexion à droite maintenant, j'ai besoin que photo de profil.

OriginalL'auteur Raghav Singh | 2014-07-30

  1. 13

    Pourquoi ne pas simplement utiliser l'id que vous avez déjà récupéré et afficher l'image directement? Pourquoi avez-vous besoin de faire un appel supplémentaire?

    e.g

    function getFBData () {
FB.api('/me', function(response) {
  fbinfo = new Array();
  fbinfo[0] = response.id;
  fbinfo[1] = response.first_name;
  fbinfo[2] = response.last_name;
  fbinfo[3] = response.email;

     var im = document.getElementById("profileImage").setAttribute("src", "http://graph.facebook.com/" + response.id + "/picture?type=normal");
});
}

    Par exemple http://graph.facebook.com/4/picture?type=normal redirige vers la Marque de Zuck de l'image

    Si vous rencontrez des difficultés journal de l'url pour vous assurer que vous obtenez une pièce d'identité valide en retour et coller l'url dans un navigateur.

    Que fatale faute de frappe à la fin 🙁
    Bon endroit! Fixe

    OriginalL'auteur TommyBs

  2. 4

    Essayer Comme

    FB.api("/me", {fields: "id,name,picture"}, function(response)
{

    FB.api(
            {
                method: 'fql.query',
                query: 'SELECT pid, src_big, src_big_height, src_big_width FROM photo WHERE aid IN ( SELECT aid FROM album WHERE owner="' + response.id + '" AND name = "Profile Pictures")'
            },
            function(data1) {
                alert( data1[0].src_big );
            }
    );

});

    Cela va vous donner le Lien de l'image, et vous pouvez l'utiliser de façon appropriée

    Une Option De Plus

    Votre lien de redirection vers des publicités indésirables de la page.
    C'est très vieux post, il ya des chances, il a peut-être supprimé ou modifié.

    OriginalL'auteur cracker

  3. 4

    @hiraa est droit, mais le code est manquante. Ici, il va

    FB.api('/me', {fields: 'id,name,email,picture'}, function (response) {
    var picture_url = picture.data.url;
});
    Ce n'est pas de fournir une réponse à la question. À la critique ou à la demande de clarification d'un auteur, de laisser un commentaire en dessous de leur poste. - Revue
    Ils ne sont pas en train de demander des précisions, ils sont de donner du crédit à hiraa qui dit ce qu'il faut changer, mais ne procure pas de code.
    Exactement. De toute façon, voulez-vous me changer de ma réponse?
    Excellent! Œuvres! Merci. Mais l'image est tooo petit, comment puis-je obtenir de plus gros? Merci encore!

    OriginalL'auteur Pablo S G Pacheco

  4. 2

    J'ai essayé et c'est en cours d'exécution avec succès. Essayez ceci :

    FB.api('/me', { fields: 'id, name, email' }, function(response) 
{
    var userInfo = document.getElementById('user-info');
    userInfo.innerHTML = '<img src="https://graph.facebook.com/' + response.id + '/picture">' + response.name ;

});

    Espère que Vous avez la réponse.

    OriginalL'auteur Rahul Sinha

  5. 1

    essayez ceci:

    FB.api('/me/picture?type=normal', function(response) {
    var str="<img style='border: 3px solid #3a3a3a;' src='"+response.data.url+"'/>";
    return str;
});

    OriginalL'auteur NotFound Life

  6. 1

    Il ne devrait pas être la réponse.les données.url....Essayez avec de la réponse.image.les données.url

    OriginalL'auteur hiraa

  7. 1

    Je sais que ce post est vieux, mais les autres réponses sont à donner à mes liens rompus du site web (la concaténation de l'IDENTIFIANT de l'utilisateur avec le reste de l'URL de l'image).

    J'ai trouvé que la bonne façon de le faire est comme suit (selon le rapport officiel docs ici: https://developers.facebook.com/docs/graph-api/reference/user/picture/):

    /* make the API call */
FB.api(
    "/{user-id}/picture",
    function (response) {
      if (response && !response.error) {
        /* handle the result */
      }
    }
);

    De l'officiel docs, la façon dont vous obtenez la photo de profil d'un utilisateur

    OriginalL'auteur Tomer Gal

  8. 0

    Vous Pouvez Essayer Ces Exemple: 

    function(){
  var url=null;
    FB.getLoginStatus(function(response){

  if (response.status === 'connected') {
    console.log("getting photo")
    FB.api(
    "/me/picture",
    function (response) {
      if (response && !response.error) {
      console.log(response);
      url=response.data.url;
      console.log(url);
    }else {
      console.log("Error Occured");
    }
    }
);
  }
});
  return url;
};

    OriginalL'auteur Kafi Junior

  9. 0
    function getFbUserData(){
FB.api('/me', {locale: 'en_US', fields: 'id,first_name,last_name,email,link,gender,locale,picture'},
function (response) {
    document.getElementById('profilepic').innerHTML = '<img src="'+response.picture.data.url+'"/>';

}); }

    OriginalL'auteur Toki

  10. 0

    Vous pouvez suivre les instructions à partir de ce lien > https://developers.facebook.com/docs/facebook-login/web/

    lorsque vous essayez d'obtenir la réponse de profil par défaut, on va se faire seulement id et name

    FB.api('/me', function(response) {
  console.log('Successful login for: ' + response);
});

    mais si vous voulez obtenir email et picture vous devez ajouter un paramètre comme ceci

    FB.api('/me' {fields: "id, name, email, picture"}, function(response) {
  console.log('Successful login for: ' + response);
});

    OriginalL'auteur tum