在客户端弹出窗口中显示来自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。 但是，我需要使用用户的ID通过以下URL访问他/她的图片：

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

有人可以告诉我如何从FB.api获取ID，以便我可以创建适当的URL来在Jquery弹出窗口中提取图像吗？ 请记住，我是Facebook的API和Jquery的新手。

在此先感谢您的帮助！

Answer 1

如果当前的Facebook用户已通过身份验证，则JavaScript调用“ FB.api（'/ me'，function（response）”的响应是用户对象，您可以使用response.id检索用户的Facebook ID。用户的图片网址将与您在问题中提到的网址相同。

要在弹出窗口中插入此图片，您可以使用以下代码（我假设您已经创建了图片标签以显示此个人资料图片）

   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。 它将在浏览器上显示个人资料图片。