Wie kann ich das Benutzerprofilbild mithilfe der Facebook-Grafik-API anzeigen?

Ich möchte das Benutzerprofilbild auf der Canvas-Seite meiner Anwendung anzeigen. Gibt es eine Möglichkeit, dies mithilfe der Grafik-API zu tun?

Ich weiß, dass ich es mit FBML machen kann, aber ich möchte das Profilbild auch an ein Flash-Spiel übergeben, das ich mache. Daher müsste ich das Profilbild von der API abrufen und als Variable senden. Hier ist der Code I. habe bisher

$facebook = new Facebook(array(
    'appId'  => FACEBOOK_APP_ID,
    'secret' => FACEBOOK_SECRET_KEY,
    'cookie' => true,
    'domain' => 'myurl/facebook-test'
));

$session = $facebook->getSession();

        $uid = $facebook->getUser();
        $me = $facebook->api('/me');

        $updated = date("l, F j, Y", strtotime($me['updated_time']));

        echo "Hello " . $me['name'] . $me['picture'] . "<br />";
  echo "<div style=\"background:url(images/bg.jpg); width:760px; height:630px;\">" . "You last updated your profile on " . $updated . "</div>" . "<br /> your uid is" . $uid;

$me['picture'] scheint nicht zu funktionieren, aber ich bin noch sehr neu in der Grafik-API und mache wahrscheinlich ein paar sehr amateurhafte Fehler!

Wenn Sie die Benutzer-ID kennen, lautet die URL für das Profilbild: -

http://graph.facebook.com/[UID]/picture

Wo anstelle von [UID] Ihre Variable $ uid platziert wird und diese URL an flash übergeben werden kann

Um verschiedene Größen zu erhalten, können Sie den Typparameter verwenden:

Sie können die gewünschte Bildgröße mit dem Typargument angeben, das quadratisch (50 x 50), klein (50 Pixel breit, variable Höhe) und groß (ca. 200 Pixel breit, variable Höhe) sein soll: http: // graph .facebook.com / squall3d / picture? type = large .

Sie können die Größe des Profilbilds auch ändern, indem Sie die unten gezeigten Parameter angeben.

https://graph.facebook.com/[UID]/picture?width=140&height=140

würde auch funktionieren.

  //create the url
  $profile_pic =  "http://graph.facebook.com/".$uid."/picture";

 //echo the image out
 echo "<img src=\"" . $profile_pic . "\" />"; 

Funktioniert gut für mich

EDIT : Also Facebook hat es wieder geändert! Keine Suche mehr nach Benutzername - habe die Antwort unten geändert ...

https://graph.facebook.com/{{UID}}/picture?redirect=false&height=200&width=200

• UID = das Profil oder die Seiten-ID
• Die Umleitung gibt entweder json (false) zurück oder leitet zum Bild um (true).
• Höhe und Breite ist die Ernte
• erfordert keine Authentifizierung

zB https://graph.facebook.com/4/picture?redirect=false&height=200&width=200

Facebook Graph Bilddokument

Hier ist der Code, der für mich funktioniert hat!

Angenommen, Sie haben eine gültige Sitzung,

//Get the current users id
$uid = $facebook->getUser();

//create the url
$profile_pic =  "http://graph.facebook.com/".$uid."/picture";

//echo the image out
echo "<img src=\"" . $profile_pic . "\" />";

Danke geht an Raine, du da Mann!

Ich hatte Probleme beim Abrufen von Profilfotos während der Verwendung von CURL. Ich dachte eine Weile, dass bei der Implementierung der Facebook-API etwas nicht stimmt, aber ich muss meiner CURL etwas hinzufügen, das heißt:

curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

Eine sehr wichtige Sache ist, dass Sie wie bei anderen Graph API-Anforderungen keine JSON-Daten als Antwort erhalten, sondern dass der Aufruf eine HTTP-Weiterleitung an die URL des Profilbilds zurückgibt. Wenn Sie also die URL abrufen möchten, müssen Sie entweder den Antwort-HTTP-Header lesen oder Sie können FQLs verwenden.

Die zurückgegebenen Daten sind die Binärdaten des Bildtyps. Wenn Sie das Benutzerfoto mit JavaScript abrufen, rufen Sie die Fotodaten als Blob-Typ in eine XMLHttpRequest ab und rufen Sie dann die Blob-URL aus der Antwort ab. Als Referenz:

 var request = new XMLHttpRequest;
 var photoUri=config.endpoints.graphApiUri + "/v1.0/me/photo/$value";
 request.open("GET",photoUri);
 request.setRequestHeader("Authorization","Bearer "+token);
 request.responseType = "blob";
 request.onload = function (){
        if(request.readyState == 4 && request.status == 200){
               var image = document.createElement("img");
               var url = window.URL || window.webkitURL;
               var blobUrl = url.createObjectURL(request.response);
               image.src = blobUrl;
               document.getElementById("UserShow").appendChild(image);
        }
 };
 request.send(null);