Facebook Graph api个人资料图片网址

时间:2015-11-02 03:32:23

标签: facebook-graph-api url sdk profile-picture

我试图显示已登录用户的个人资料照片,但出于某种原因,网址会被更改。这是我把它放在一起的功能

function testAPI() {
    FB.api('/me','GET',{"fields":"picture{url},name"},function(response) {
        var url = response.picture.data.url;
        console.log(url);
        $("#status").html('<p>'+response.name+'</p><figure id="profilePicture"><img href="'+response.picture.data.url+'"/></figure>');
        console.log(document.getElementById('status').innerHTML);
    });
}

第一个控制台日志返回:

&#34; https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/v/t1.0-1/p50x50/12036592_10153768750487873_8195289030629933305_n.jpg?oh=5488c4b312a1b077b68243a7998d217e&oe=56BA5DE5&gda=1454718467_89331767e8555ed196c5559340774fbb&#34;

第二个返回正确的内部html作为用户名称diplays但其添加放大器;之后&amp;网址中的符号,因此配置文件图片不显示。不知道如何解决这个问题。任何帮助都会非常感谢。

1 个答案:

答案 0 :(得分:0)

您的<img/>标记语法不正确,您应该使用src代替href

更改:

$("#status").html('<p>'+response.name+'</p><figure id="profilePicture"><img href="'+response.picture.data.url+'"/></figure>');

要:

$("#status").html('<p>'+response.name+'</p><figure id="profilePicture"><img src="'+response.picture.data.url+'"/></figure>');