Facebook 图 api 个人资料图片 URL

Question

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

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

第一个控制台日志returns:

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

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

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

Facebook 图 api 个人资料图片 URL

Facebook Graph api profile picture URL

facebook-graph-api

url

sdk

profile-picture