Отображение изображения из API Facebook в клиентском всплывающем окне

Question

Я пытаюсь опубликовать изображение профиля Facebook в всплывающем окне JQuery и не знаю, что мне нужно сделать после получения маркера доступа FB (см. Поток на стороне клиента "на странице https://developers.facebook.com/docs/authentication/).

Я могу успешно получить идентификатор ФБ объекта пользователя с помощью FB Javascript SDK через FB.api (после получения маркера доступа):

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

FB.api возвращает идентификатор пользователя в всплывающее окно; Однако, мне нужно использовать идентификатор пользователя для доступа к его/ее фотографии со следующей URL:

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

Может кто-нибудь сказать мне, как получить идентификатор из FB.api, так что я могу создать соответствующий URL, чтобы вытащить изображение в всплывающем окне JQuery? Пожалуйста, имейте в виду, что я очень новичок в API Facebook и JQuery.

Заранее благодарю вас за помощь!

Answer 1

Если текущий пользователь facebook аутентифицирован, ответ javascript-вызова "FB.api ('/ me', function (response)" является пользовательским объектом, и вы можете получить идентификатор facebook пользователя с помощью ответа. 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 

Здесь, после доступа к токену, вам не потребуется идентификатор пользователя. Просто напишите «я» вместо идентификатора пользователя. И замените YOUR_ACCESS_TOKEN своим токеном доступа, который у вас есть.

Вы можете попробовать попробовать его в браузере. Напишите этот URL в браузере. Он отобразит изображение профиля в браузере.