Facebook APIの画像をクライアントサイドのポップアップウィンドウに表示

Question

Facebookのプロフィール画像をJqueryのポップアップウィンドウに投稿しようとしていて、FBアクセストークンを取得した後に何をする必要があるのか​​わかりませんクライアント側フロー "https://developers.facebook.com/docs/authentication/）。

私は成功した（アクセストークンを取得した後）FB.apiを経由してFBのJavascript SDKを使用して、FBのユーザーオブジェクトのIDを取得することができるよ：

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

FB.apiは、ユーザーのIDを返します。ポップアップボックス。

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

誰かが私を引っ張って、適切なURLを作成できるようにFB.apiからIDを取得する方法を教えてもらえます。しかし、私は、次のURLで彼/彼女の写真にアクセスするには、ユーザーのIDを使用する必要がありますJqueryポップアップウィンドウでイメージをアップする？私はFacebookのAPIとJqueryにとって非常に新しいことを覚えておいてください。

ご協力いただきありがとうございます。

Answer 1

現在の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")  
    }); 

Answer 2

プロフィール画像を取得するには、このURLを使用してください。

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

ここでアクセストークンを取得した後、ユーザーのIDは必要ありません。ユーザーのIDの代わりに「私」と書いてください。あなたのアクセストークンでYOUR_ACCESS_TOKENを置き換えてください。

ブラウザで直接試すことができます。このURLをブラウザに書いてください。ブラウザのプロフィール画像が表示されます。