显示 facebook 专辑封面照片 _n 而不是 _s答案

【问题标题】：Displaying facebook album covers photo _n instead of _s显示 facebook 专辑封面照片 _n 而不是 _s
【发布时间】：2013-02-21 19:26:39
【问题描述】：

我正在使用以下代码来获取 Facebook 专辑封面照片

embed facebook albums into website

<script>
  $(document).ready(function() {
    var albumIdsUrl = "https://graph.facebook.com/<myname>/albums?callback=?";

    $.getJSON(albumIdsUrl, function(data) {
       var len = data.data.length;
       for(var i=0;i<len;i++){
        var aid = data.data[i].id;
        getAlbumCoverPhoto(data.data[i].cover_photo, data.data[i].id, data.data[i].name, data.data[i].count);
   }
}); 

});

function getAlbumCoverPhoto(coverPhoto, albumId, albumName, count) {
    var coverPhotoUrl = "https://graph.facebook.com/" + coverPhoto + "?callback=?";
        $.getJSON(coverPhotoUrl, function(coverPhotoData) {
            if(typeof(coverPhotoData.picture)!="undefined"){
                    htmlData = '<li><figure><a class="imageLink" href="fb_album_photos.html?id='+ albumId + '"><img src="' + coverPhotoData.picture + '" /></a></figure><figcaption>'+albumName+'</br>'+count+' Photos</figcaption></li>';
                    $('#FBalbum').append(htmlData);
            }
        });             
}  
</script>

这会正确返回，但会获得低分辨率_s照片 http://photos-d.ak.fbcdn.net/hphotos-ak-prn1/75750_121602837899727_4898592_s.jpg

而不是更高分辨率的 _n 照片。 http://photos-d.ak.fbcdn.net/hphotos-ak-prn1/75750_121602837899727_4898592_n.jpg

如何更改它以获得正确的照片？

【问题讨论】：

没有看到 JSON 就很难知道。
我怎样才能把它给你看？
您正在使用 $.getJSON 来获取 JSON，然后对其进行解析以显示图像 coverPhotoData.picture。这意味着 JSON 在coverPhotoData 中。您应该能够将其复制并粘贴到您的问题中，或者更好的是，通读它并找到您要查找的内容。

标签： jquery facebook-graph-api getjson

【解决方案1】：

Facebook 相册对象有一个称为照片的连接。照片连接将给出此相册下的照片列表。这个 Photo 对象有一个名为 images 的字段。图像字段将给出 4 种不同的照片存储表示。

https://graph.facebook.com/me/albums?fields=photos.fields(picture,images)

"data": [
    {
      "id": "10150146071831729", 
      "from": {
        "category": "Product/service", 
        "name": "Facebook", 
        "id": "20531316728"
      }, 
      "picture": "https://fbcdn-photos-a.akamaihd.net/hphotos-ak-ash3/168119_10150146071831729_5116892_s.jpg", 
      "source": "https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/168119_10150146071831729_5116892_n.jpg", 
      "height": 483, 
      "width": 720, 
      "images": [
        {
          "height": 1373, 
          "width": 2048, 
          "source": "https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/s2048x2048/168119_10150146071831729_5116892_n.jpg"
        },

在图片下，您可以看到带有 _n.jpg 的图片。

【讨论】：