Javascript 使用Graph API检索照片的图像位置

使用Graph API，我们可以访问任何对象的图像，如用户、事件、照片等，只要提供其ID

因此，如果我需要检索我的用户配置文件 我可以自己做

我的身份证是10000109274242

上面的URL将我重定向到

这是我的图像的实际URL。 我需要编写一个JS函数，使用它我需要检索照片的实际URL。 我什么都做不了，因为我不知道从哪里开始使用JS。

• 首先，加载并初始化Facebook JavaScript SDK： （分段装载）
• 您应该仅在JSSDK初始化时与FBAPI交互。以下是一个示例off-call：

              FB.api(100000109274242+'/picture',function(userImage){
                  alert(userImage);
              });
  

UPD 完整的例子。HTML:

<div id="fb-root">
  <!-- you must include this div for the JS SDK to load properly -->
</div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    FB.api(100000109274242+'/picture',function(userImage){
         alert(userImage);
    });
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

window.fbAsyninit=函数（）{
FB.init({
appId:'你的应用程序ID'，//应用程序ID
channelUrl:'//WWW.YOUR_DOMAIN.COM/channel.html'，//频道文件
状态：true，//检查登录状态
cookie:true，//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
FB.api（10000109274242+/picture'，函数（userImage）{
警报（用户图像）；
});
};
//异步加载SDK
（职能（d）{
var js，id='facebook jssdk'，ref=d.getElementsByTagName（'script'）[0]；
if（d.getElementById（id））{return；}
js=d.createElement（'script'）；js.id=id；js.async=true；
js.src=“//connect.facebook.net/en_US/all.js”；
ref.parentNode.insertBefore（js，ref）；
}（文件）；

• 首先，加载并初始化Facebook JavaScript SDK： （分段装载）
• 您应该仅在JSSDK初始化时与FBAPI交互。以下是一个示例off-call：

              FB.api(100000109274242+'/picture',function(userImage){
                  alert(userImage);
              });
  

UPD 完整的例子。HTML:

<div id="fb-root">
  <!-- you must include this div for the JS SDK to load properly -->
</div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    FB.api(100000109274242+'/picture',function(userImage){
         alert(userImage);
    });
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

window.fbAsyninit=函数（）{
FB.init({
appId:'你的应用程序ID'，//应用程序ID
channelUrl:'//WWW.YOUR_DOMAIN.COM/channel.html'，//频道文件
状态：true，//检查登录状态
cookie:true，//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
FB.api（10000109274242+/picture'，函数（userImage）{
警报（用户图像）；
});
};
//异步加载SDK
（职能（d）{
var js，id='facebook jssdk'，ref=d.getElementsByTagName（'script'）[0]；
if（d.getElementById（id））{return；}
js=d.createElement（'script'）；js.id=id；js.async=true；
js.src=“//connect.facebook.net/en_US/all.js”；
ref.parentNode.insertBefore（js，ref）；
}（文件）；

如果您只想显示图像，只需直接使用第一个链接即可：

<img src="https://graph.facebook.com/100000109274242/picture">

由于这是302重定向，浏览器将处理它并显示最终图片，而无需您使用JS解析。我不确定你是否真的想在JS中使用url，或者你认为需要解决它

顺便说一句，如果您感兴趣，这里是该url的标题响应，它会发回一种jpeg格式并重定向到实际的图形

curl --HEAD https://graph.facebook.com/100000109274242/picture HTTP/1.1 302 Found ... Content-Type: image/jpeg Expires: Sat, 01 Jan 2000 00:00:00 GMT Location: https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/49592_100000109274242_1437093998_q.jpg ... 卷曲头https://graph.facebook.com/100000109274242/picture 找到HTTP/1.1 302 ... 内容类型：图像/jpeg 过期时间：2000年1月1日星期六00:00:00 GMT 地点：https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/49592_100000109274242_1437093998_q.jpg

---

如果您只想显示图像，只需直接使用第一个链接即可：

<img src="https://graph.facebook.com/100000109274242/picture">

由于这是302重定向，浏览器将处理它并显示最终图片，而无需您使用JS解析。我不确定你是否真的想在JS中使用url，或者你认为需要解决它

顺便说一句，如果您感兴趣，这里是该url的标题响应，它会发回一种jpeg格式并重定向到实际的图形

curl --HEAD https://graph.facebook.com/100000109274242/picture HTTP/1.1 302 Found ... Content-Type: image/jpeg Expires: Sat, 01 Jan 2000 00:00:00 GMT Location: https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/49592_100000109274242_1437093998_q.jpg ... 卷曲头https://graph.facebook.com/100000109274242/picture 找到HTTP/1.1 302 ... 内容类型：图像/jpeg 过期时间：2000年1月1日星期六00:00:00 GMT 地点：https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/49592_100000109274242_1437093998_q.jpg

---

…我在同一页上有大约20个用户ID！我可以通过更改上面代码中ID的值来检索所有用户吗？我在同一页上有大约20个用户ID！我可以通过更改上面代码中ID的值来检索所有响应吗？实际上，我希望将此响应放置在Lightbox中，因为我的Lightbox无法处理302响应，我需要给出图像的确切位置来显示它！实际上，我想把这个响应放在一个灯箱中，因为我的灯箱不能处理302响应，我需要给出图像的确切位置来显示它！