Facebook圖api個人資料圖片網址

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」

第二返回正確內爲用戶名diplays但其增加放大器的html;在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>');