使用 javascript api 显示来自 facebook 的照片?

2024-04-12

我想使用 javascript api 在我的网页上显示我的 Facebook 相册之一中的照片。 我可以使用以下代码读取相册名称,但如何显示其中一张相册的照片?

FB.api('/myfacebookid/albums', function(response) {

    var ul = document.getElementById('albums');
    for (var i=0, l=response.data.length; i<l; i++) {
      var
        album = response.data[i],
        li = document.createElement('li'),
        a = document.createElement('a');
      a.innerHTML = album.name;
      a.href = album.link;
      li.appendChild(a);
      ul.appendChild(li);
    }
  });

任何意见表示赞赏,谢谢!

好的,现在我有这个代码:

    FB.api('/142461229141170/albums?fields=id,name', function(response) {
     if (response && response.data && response.data.length){
         console.log(response)

  for (var i=0; i<response.data.length; i++) {
    var album = response.data[i];

    if (album.name == 'Profile Pictures'){

      FB.api('/'+album.id+'/photos', function(photos){
        if (photos && photos.data && photos.data.length){
          for (var j=0; j<photos.data.length; j++){
            var photo = photos.data[j];
            // photo.picture contain the link to picture
            var image = document.createElement('img');
            image.src = photo.picture;
            $('#foton').append(image);
          }
        }
      });

      break;
    }
  }
   }
});

我想我做错了什么......仍然!这显示的是个人资料图片相册中的照片,但我必须将其更改为 $('#foton').append(image); 。如果我查看日志,它会得到 4 个对象。

如果我更改为不同的相册,例如 - 人造照片或封面照片,它就会停止工作。

而且,如果我将上面的 userId(上面是 PAGE id)更改为我的个人 facebook id,那么它也会停止工作。

我真的很想了解这是如何工作的,因为我还想在此之后获取提要和其他一些东西,我想它的工作方式与此相同?非常感谢,伙计们!


这可以通过向以下位置发出 Graph API 请求来完成photos连接的album:

FB.api('/me/albums?fields=id,name', function(response) {
  for (var i=0; i<response.data.length; i++) {
    var album = response.data[i];
    if (album.name == 'Profile Pictures'){

      FB.api('/'+album.id+'/photos', function(photos){
        if (photos && photos.data && photos.data.length){
          for (var j=0; j<photos.data.length; j++){
            var photo = photos.data[j];
            // photo.picture contain the link to picture
            var image = document.createElement('img');
            image.src = photo.picture;
            document.body.appendChild(image);
          }
        }
      });

      break;
    }
  }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 javascript api 显示来自 facebook 的照片? 的相关文章

随机推荐