Question

我知道个人资料图片的Facebook图表api非常简单易用：

http://graph.facebook.com/timothy.potter2/picture

这会重定向到图像，我可以在标准的html img标记中将其用作热链接图像

我正在寻找如何以理想的方式覆盖照片，所以我可以将我教会的Facebook封面图片链接到网站标题。

到目前为止我已经知道了：

http://graph.facebook.com/32533442649?fields=cover.source

返回：

{
 "cover": {
  "source": "https://scontent-a.xx.fbcdn.net/hphotos-xpa1/v/t1.0-9/s720x720/10731043_10152857370877650_9073058844184642679_n.jpg?oh=95190ad300e507211cbd840f619fe606&oe=5516F829",
  "id": "10152857370877650"
},
"id": "32533442649"
}

如何让它返回图像呢？任何可以直接粘贴到HTML中的代码都将非常感激。感谢

Answer 1

对于字段/{page_id}/?fields=cover，这是不可能的。 /{user_id}/picture是一个例外（它是一个边缘，而不是一个字段）。

您必须通过JavaScript或服务器端解析JSON结果。

对于一个JS示例，请看一下这个小提琴：

http://jsfiddle.net/16cxL1ty/

或此处的代码：

<img src="" id="cover"/>

<script>

    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
          var result = JSON.parse(xmlhttp.responseText).cover.source;
          document.getElementById("cover").src=result;
        }
    }
    xmlhttp.open("GET",'https://graph.facebook.com/32533442649?fields=cover{source}',true);
    xmlhttp.send();

</script>

Facebook HTML图表api封面照片链接

1 个答案: