Comment utiliser FB.api('/me/image') pour obtenir l'image du profil

C'est un très bête question. Je suis un débutant avec facebook SDK Javascript.
Donc, je suis en train de faire le profil de l'utilisateur de l'image à afficher
J'ai utilisé ce code

FB.api('/me', function(response) {      
    document.getElementById('login').style.display = "block";
    document.getElementById('login').innerHTML = '<img src="http://graph.facebook.com/' + response.id + '/picture" />';
});

qui a bien fonctionné, mais j'essaie de comprendre comment utiliser FB.api('/me/picture') pour afficher l'image.

InformationsquelleAutor user573451 | 2011-01-12

facebook facebook-graph-api

14

/me/picture (ou /{user id}/picture) retourne un HTTP de redirection 301 de l'emplacement de l'image de sorte que vous pouvez l'intégrer directement dans un <img src...

Si vous voulez récupérer l'URL et de l'utiliser vous-même vous avez besoin pour demander spécifiquement comme un champ, par le biais de :
```
 /{user id}?fields=picture
```
ou
```
 /me/?fields=picture
```
Vous pouvez inclure d'autres domaines aussi, mais je suis en supposant que vous voulez juste la photo de droite maintenant.
- ne /me/picture renvoyer une url (ou un objet)? Vous avez dit que vous pouvez l'intégrer directement dans un <img src ainsi, donc, quel est la différence entre /me/picture et ` /{id d'utilisateur}?champs=image"?
- /me/picture retourne un HTTP de redirection 301 de l'image, ?fields=picture renvoie l'URL en tant que champ de la réponse JSON
- intéressant... je me demande pourquoi ils ont besoin afin de fournir une adresse http de redirection 301...
- Le besoin? c'est une fonction de l'API à l'appui de l'utilisation de l'API de réponse directement dans un <img/> tag - la plupart des gens ne sera probablement pas le faire et va chercher l'Url de l'image et de l'utiliser directement
- Je sais qu'il a été un certain temps. Je me demande si vous pouvez me montrer un exemple de comment utiliser "/me/?champs=photo". Merci.
- Prendre l'URL de réponse et de le mettre dans une balise img directement - les étapes exactes nécessaires pour faire que beaucoup dépend de la façon dont votre application fonctionne et quelle est la langue que vous utilisez, vous pouvez voir le format de la réponse en faisant des appels de l'API à l'aide de l'API Graphique de l'Explorateur de l'outil ici: developers.facebook.com/tools/explorer
InformationsquelleAutor Igy
9

Vous pouvez obtenir des tailles spécifiques de la photo de profil ainsi:
```
FB.api("/me/picture?width=180&height=180",  function(response) {

        console.log(response.data.url);

});  
```
Voir le Facebook de la documentation pour voir ce que les différentes tailles d'image, vous pouvez obtenir.

Et une démo complète avec connexion à: Obtenez Facebook Photo de Profil avec le SDK Javascript
- Le Type est très pratique si vous ne voulez pas avoir à spécifier une taille précise et veulent juste un flou valeur comme petite, normale, grande: developers.facebook.com/tools/...
InformationsquelleAutor jk.

C'est sure shot, s'est Avéré être le travail avec facebook api graphique 2.5.
C'est l'exemple de code HTML Veuillez voir les changements que j'ai faits en FB.api() fonction.

 <!DOCTYPE html>
    <html>
    <head>
    <title>Facebook Login JavaScript Example</title>
    <meta charset="UTF-8">
    </head>
    <body>

    <!--
      Below we include the Login Button social plugin. This button uses
      the JavaScript SDK to present a graphical Login button that triggers
      the FB.login() function when clicked.
    -->
    <img src="" id="profileImage"/>

    <div id="status">
    </div>

    </body>
    <script>

        //This is called with the results from from FB.getLoginStatus().
        function statusChangeCallback(response) {
            console.log('statusChangeCallback');
            console.log(response);
            //The response object is returned with a status field that lets the
            //app know the current login status of the person.
            //Full docs on the response object can be found in the documentation
            //for FB.getLoginStatus().
            if (response.status === 'connected') {
                //Logged into your app and Facebook.
                testAPI();
            } else if (response.status === 'not_authorized') {
                //The person is logged into Facebook, but not your app.
                document.getElementById('status').innerHTML = 'Please log ' +
                        'into this app.';
            } else {
                //The person is not logged into Facebook, so we're not sure if
                //they are logged into this app or not.
                document.getElementById('status').innerHTML = 'Please log ' +
                        'into Facebook.';
            }
        }

        //This function is called when someone finishes with the Login
        //Button.  See the onlogin handler attached to it in the sample
        //code below.
        function checkLoginState() {
            FB.getLoginStatus(function(response) {
                statusChangeCallback(response);
            });
        }

        window.fbAsyncInit = function() {
            FB.init({
                appId      : 'XXXXXXXXXXXX',
                cookie     : true,  //enable cookies to allow the server to access
                                    //the session
                xfbml      : true,  //parse social plugins on this page
                version    : 'v2.5' //use graph api version 2.5
            });

            //Now that we've initialized the JavaScript SDK, we call
            //FB.getLoginStatus().  This function gets the state of the
            //person visiting this page and can return one of three states to
            //the callback you provide.  They can be:
            //
            //1. Logged into your app ('connected')
            //2. Logged into Facebook, but not your app ('not_authorized')
            //3. Not logged into Facebook and can't tell if they are logged into
            //   your app or not.
            //
            //These three cases are handled in the callback function.

            FB.getLoginStatus(function(response) {
                statusChangeCallback(response);
            });

        };

        //Load the SDK asynchronously
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        //Here we run a very simple test of the Graph API after login is
        //successful.  See statusChangeCallback() for when this call is made.
        function testAPI() {
            console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', function(response) {
                console.log('Successful login for: ' + response.name);
                console.log('Successful login for: ' + response.id);
                console.log('Successful login for: ' + response.email);
                var im = document.getElementById("profileImage").setAttribute("src", "http://graph.facebook.com/" + response.id + "/picture?type=normal");
                document.getElementById('username').innerHTML =response.name;
            });
        }

    </script>
    </html>

InformationsquelleAutor Patel Sunil

0

FB.api('/me/picture') sera de retour d'une redirection à l'URL de l'image, de sorte qu'il sera d'aucune utilité pour vous:

La façon dont vous utilisez est valide comme mentionné dans le la documentation (Lire l'article). Peut-être cette est lié mais je ne sais pas si c'est totalement valide ou pas.
- c'est intéressant. Je me demande quelle est l'utilité pour fb.api('me/image")? Merci beaucoup pour la réponse
- eh bien, je suppose que l'api existe pour le serveur-côté à des fins $facebook->api('/me/picture');, comme l'enregistrement de l'image raw (peut-être?) ou quelque chose...mais, comme pour le côté client est à votre préoccupation, je ne pense pas de toute utilisation pour elle et que vous êtes déjà à l'aide de la bonne façon. 🙂
InformationsquelleAutor ifaour
0

- Je obtenir le Facebook photo de profil Toutes les tailles

Photo De Profil Tailles

valeur =
24
32
40
50
60
74
80
86
100
111
120
130
148
160
200
240
320
480
720
960
1440

CURL
```
https://graph.facebook.com/v3.1/me?fields=picture.width(value).height(2000)&access_token={}
```
InformationsquelleAutor Akasa Web Developer

Vous devez vous connecter pour publier un commentaire.