在客戶端彈出窗口中顯示來自Facebook API的圖片

我想將Facebook配置文件圖片發佈到Jquery彈出窗口中，並且不知道在獲取FB訪問令牌後我需要做什麼（請參閱「客戶端流量「在https://developers.facebook.com/docs/authentication/）。在客戶端彈出窗口中顯示來自Facebook API的圖片

我能夠通過FB.api順利拿到使用FB的Javascript SDK中的FB用戶對象的ID（獲得訪問令牌後）：

FB.api('/me', function(response) { 
    alert(response.id); 
});

的FB.api返回用戶的id一個彈出框;但是，我需要使用用戶ID與下面的URL來訪問他/她的照片：

http://graph.facebook.com/(INSERT USER'S ID)/picture

有人能告訴我怎麼去從FB.api的ID，所以我可以創建適當的URL來拉在JQuery的彈出窗口中的圖像？請記住，我對Facebook的API和Jquery很陌生。

在此先感謝您的幫助！

2011-12-27 Vee

如果當前Facebook用戶已通過身份驗證，則JavaScript調用「FB.api（'/ me'，function（response）」的響應是用戶對象，您可以使用響應檢索用戶的Facebook ID。 id。用戶的個人資料圖片url將與您在問題中提到的相同

要在彈出窗口中插入此圖片，您可以使用以下代碼（假設您已經創建了圖片標籤顯示在此配置文件圖片）

FB.api('/me', function(response) { 
     $("#"+youImageTagId).attr('src', "http://graph.facebook.com/"+response.id+"/picture")  
    });

2011-12-27 07:57:52

謝謝，Anuj。你的解決方案完美運作 – Vee 2011-12-28 06:16:23

使用此URL來獲得資料圖片。

https://graph.facebook.com/me/picture?access_token=YOUR_ACCESS_TOKEN

在獲取訪問令牌後，您將不需要用戶的ID。只需寫'我'代替用戶的ID。並用您獲得的訪問令牌替換YOUR_ACCESS_TOKEN。

您可以直接在瀏覽器中試用。在瀏覽器中寫入此URL。它會在瀏覽器上顯示個人資料圖片。

2011-12-27 09:32:35

謝謝，Abhendra。我試圖實現上述，似乎並沒有工作，所以我只是決定使用Anuj的解決方案（見第二個解決方案）。仔細查看Graph API的FB文檔，我敢打賭你的回答是正確的;我可能只是搞砸了。 – Vee 2011-12-28 06:23:08

回答