facebook-graph-api - Facebook Graph api 个人资料图片 URL

Question

我正在尝试显示已登录用户的个人资料图片，但由于某种原因，网址已更改。这是我放在一起的功能

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

第一个控制台日志返回：

" 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 "

第二个返回正确的内部 html，因为用户名显示，但它添加了 amp；在网址中的 & 符号之后，因此不显示个人资料图片。不知道如何解决这个问题。任何帮助都会非常感谢。

Answer 1

您的标签语法不正确<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>');