如何在我的Facebook應用程序中顯示用戶的帖子圖像

Question

我正在創建一個Facebook應用程序，我需要在應用程序中顯示用戶帖子。使用此代碼我得到用戶的帖子。

function getusername(){ 
    FB.api('/me/posts', function(response) { 
     var l=response.data.length; 
     var post; 
     for (var i=0; i<l; i++) { 
      post = response.data[i]; 
      ShowOfferAccord(post); 
     } 
    }); 
} 

使用這個我顯示後

ShowOfferAccord=function(post){ 
    var mes= post.message; 
    var capt = post.caption; 
    var des = post.description; 
    var ilink = post.link; 
    var image = post.picture; 
    $("#pagecap").text(capt); 
    $("#pagemsg").text(mes); 
    $("#pagedes").text(des); 
    $("#pagelink").text(ilink); 
} 

我是HTML的內容：

<div id="pagemsg" style='display:block; position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div>     
<div id="pagecap" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div> 
<div id="pageimg" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div> 
<div id="pagedes" style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div> 
<div id="pagelink"style='position:relative; height:auto; text-align:left; font-size:15px; color:#000;'></div> 

這是工作。

但對於圖像，我正在獲取圖像url。我不知道如何顯示圖像。任何人都可以告訴我如何解析這個URL作爲圖像標記的來源以及如何顯示它。

Answer 1

好吧，如果你得到的圖像的URL，你可以簡單地把它作爲源<img>標籤：

$("#pageimg").append("<img src='" + image + "' />");