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个人资料...我已经想出如何使用“欢迎”检索他们的名字，+ 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);
});

Here is a list of all available fields

Answer 3

您可以将FBML标记用于个人资料图片：

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

只需在页面的任何位置添加，只要您拥有FB Connect的xd_receiver设置，就会显示当前登录用户的个人资料照片。要通过UID显示个人资料照片：

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

Answer 4

你需要打电话 FB.XFBML.Parse（），以便您的更新FBML可以通过facebook的javascript解析为HTML。你可能会错过这个。

Answer 5

也许只使用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 6

你应该使用“me.id”而不是“response.id”：

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

登录后添加Facebook个人资料图片？

6 个答案: