javascript 如何使用Facebook API获取相册图片?

gajydyqb  于 2023-01-08  发布在  Java
关注(0)|答案(5)|浏览(154)

这应该是相当普遍的,但不知何故,我不能让它工作。我想做的是从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、名称等,我可以得到这些。然而,在页面底部是相册的"连接",其中包括照片、评论和图片。当我点击照片时,它显示了JSON数据结构,包括img src。问题是,我如何得到这些?它看起来很简单,但我无法让它工作。
我试过了

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

以及

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

photo不返回任何内容,而photo返回undefine。
代码样本将不胜感激。

7bsow1i6

7bsow1i61#

1.从第一次调用开始,您将获得所有专辑(以及专辑ID)'/me/albums'
1.从那里你可以得到相册图片(封面)'/'+album.id+'/picture'
1.和相册的照片'/'+album.id+'/photos'

gudnpqoy

gudnpqoy2#

你也可以试试
/ABLUM_ID/照片
在图API上,即,
https://graph.facebook.com/12341234/photos
其中12341234是想要获取其照片的相册的相册对象ID。

cgh8pdjw

cgh8pdjw3#

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);
    }
});
2g32fytz

2g32fytz4#

如果您使用的是PHP版本的Facebook API,则可以使用以下调用:

$photos = $facebook->api('/me?fields=albums.limit(50).fields(photos.limit(50).fields(id,source))');
2fjabf4q

2fjabf4q5#

<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

相关问题