如何在我的Facebook应用程序中显示用户的帖子图像

时间:2013-03-07 09:20:17

标签: javascript html facebook

我正在创建一个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作为图像标记的来源以及如何显示它。

1 个答案:

答案 0 :(得分:1)

好吧,如果您收到图片的网址,可以直接将其作为<img>代码的来源:

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