Добавить изображение профиля Facebook после входа в систему?

Question

Вот мой код ::

//if user is logged in - do this
function login() {
FB.api('/me', function(response) {  
document.getElementById('fb-info-block').innerHTML = 
"Welcome, " + response.name + ".<br /><br />" +
"<fb:like href = 'www.whitbreaddesign.com' show_faces = 'false' width = '100' action = 'like' colorscheme = 'light'></fb:like>";
});
}

Может кто-нибудь сказать мне, как добавить профиль пользователя Facebook в этот код ... Я уже понял, как получить их имя с помощью "Welcome" + response.name + "

Любые идеи .. спасибо большое ...

Answer 1

document.getElementById('something').innerHTML = '<img src="http://graph.facebook.com/' + response.id + '/picture" />';

Answer 2

Вам нужно перечислить интересующие вас поля в качестве второго параметра для FP.api:

FB.api("/me", {fields: "id,name,picture"}, function(response) {
    console.log(response.id, response.name, response.picture);
});

Вот список всех доступных полей

Answer 3

Вы должны использовать «me.id» вместо «response.id»:

  document.getElementById('something').innerHTML = '<img src="http://graph.facebook.com/' + me.id + '/picture" />';

Answer 4

Может быть, просто использовать XFBML?:

<fb:name uid="loggedinuser" use-you="no"></fb:name>
<fb:profile-pic uid="loggedinuser" size="square" facebook-logo="true"></fb:profile-pic>

Вот пример: http://fbrell.com/xfbml/account-info

Answer 5

Вам нужно вызвать FB.XFBML.Parse (), чтобы ваш обновленный FBML можно было проанализировать в HTML с помощью JavaScript на Facebook.Вы можете пропустить это.

Answer 6

Вы можете использовать тег FBML для фото профиля:

var profile_pic_html = '<fb:profile-pic></fb:profile-pic>';

Просто добавьте это в любом месте на странице, и пока у вас есть настройка xd_receiver FB Connect, которая будет отображать в настоящее время зарегистрированный профиль пользователярис.Чтобы показать фото профиля по UID, используйте:

var profile_pic_html = '<fb:profile-pic uid="'+some_uid+'" ></fb:profile-pic>';