Question

这应该是相当普遍的，但不知怎的，我无法让它发挥作用。我想做的是从Facebook获取专辑图片。我正在网站上实现这一点。

我可以使用此代码获取相册：

function getAlbumPhotos(){
            FB.api('/me/albums',  function(resp) {
                //Log.info('Albums', resp);
                var ul = document.getElementById('albums');
                for (var i=0, l=resp.data.length; i<l; i++){
                    var
                        album = resp.data[i],
                        li = document.createElement('li'),
                        a = document.createElement('a');
                    a.innerHTML = album.name;
                    a.href = album.link;
                    li.appendChild(a);
                    ul.appendChild(li);
                }
            });
        };

resp返回一个数据数组，其中包含指向相册的链接但是我想要每张相册的图像源，我看不到任何我可以在resp数据中使用的内容。数据对象包含指向相册的链接，但不包含单个图像。

根据facebook文档，照片是与相册的“连接”。我不确定是什么意思，但他们的文档显示你可以获得个人照片。

从这个链接：

[http://developers.facebook.com/docs/reference/api/album/][1]

它显示json（？）返回我能够获得的链接，id，名称等。但是，该页面的底部是与相册的“连接”，其中包括照片，评论，图片。当我点击照片时，它会显示包含img src的JSON数据结构。问题是，我该怎么做？它看起来很简单，但我无法让它发挥作用。

我试过

FB.api('/me/photos',function(resp) ...

和

FB.api('/me/photo',function(resp) ...

当照片返回undefine时，照片不会返回任何内容。

将非常感谢代码示例。

Answer 1

从第一个电话中，您将获得所有相册（以及相册ID）'/me/albums'
从那里你可以获得专辑图片（封面）'/'+album.id+'/picture'
以及相册'/'+album.id+'/photos'

Answer 2

您也可以尝试

/ _ ABLUM_ID_ /照片

图pi上的

，即

https://graph.facebook.com/12341234/photos

其中12341234是您要获取照片的相册的相册对象ID。

Answer 3

FB.api("/"+albumid+"/photos",function(response){
    var photos = response["data"];
    document.getElementById("photos_header").innerHTML = "Photos("+photos.length+")";
    for(var v=0;v<photos.length;v++) {
        var image_arr = photos[v]["images"];

        var subImages_text1 = "Photo "+(v+1);

        //this is for the small picture that comes in the second column
        var subImages_text2 = '<img src="'+image_arr[(image_arr.length-1)]["source"]+'" />';

        //this is for the third column, which holds the links other size versions of a picture
        var subImages_text3 = "";

        //gets all the different sizes available for a given image
        for(var j = 0 ;j<image_arr.length;j++) {
            subImages_text3 += '<a target="_blank" href="'+image_arr[j]["source"]+'">Photo('+image_arr[j]["width"]+"X"+image_arr[j]["height"]+')</a><br/>';
        }
        addNewRow(subImages_text1,subImages_text2,subImages_text3);
    }
});

Answer 4

        <script src="http://connect.facebook.net/en_US/all.js"></script>

        <script type="text/javascript">
            var loggedIn = false;        

            function loginFacebook() 
            {
                //initializes the facebook API
            }        




            function loadAlbums()
            {            
                 FB.init({
            appId  : '345203265493024',
            status : true, // check login status
            cookie : true, // enable cookies to allow the server to access the session
            xfbml  : true  // parse XFBML
              });





FB.login(function(response)
{
if (response.authResponse)
 {

//Logged in and accepted permissions!

       document.getElementById("status").innerHTML = "Getting album information from your Facebook profile";
                var counter = 0;

      // Start Normal API
                FB.api('/me/albums', function(response) 
                {


                  var d=response.data;



                  for (var i=0, l=d.length; i<l; i++)
                    {
                        addOption(response["data"][i].name,response["data"][i].id);
                        counter++;


                    }
                    document.getElementById("status").innerHTML = "There are "+ counter +" albums in your Facebook profile";
                });


                 //end of  Normal API

        document.getElementById("albumBtn").style.visibility="hidden";   



}
},{scope:'read_stream,publish_stream,offline_access,user_photos,friends_photos,user_photo_video_tags,friends_photo_video_tags'});


            }

            //Adds a new option into the drop down box
            function addOption(opText,opVal) 
            {
                var v = document.getElementById("albumsList");             
                v.innerHTML += '<br/><a  href="facebookphotos.aspx?album='+opVal+'&name='+opText+'">'+opText+'</a>';               
            }

            function init() 
            {
                var v1 = document.getElementById("albumBtn");
                v1.onclick = loadAlbums;
                // v1.style.visibility= "hidden";             
            }

            //calls init function once all the resources are loaded
            window.addEventListener("load",init,true);
        </script>      


this code works

Answer 5

您可以使用此API：

$ photos = $ facebook-＆gt; api（'/ me？fields = albums.limit（50）.fields（photos.limit（50）.fields（id，source））'）;

如何使用Facebook API获取专辑图片？

5 个答案: