4

我正在尝试在我的网站上设置 Tumblr API。

到目前为止，我的文字帖子可以正常工作，如下所示：

$.ajax({
    url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/posts?api_key=myapikey",
    dataType: 'jsonp',
    success: function(results){

     var i = 0;

     while (i < 20) {

       var type = results.response.posts[i].type;
       var date = results.response.posts[i].date;

       if (type == "text") {
         var title = results.response.posts[i].title;
         var content = results.response.posts[i].body;
         $("#myDivId").append("<div class='posttitle'><h2>" + title + "</h2></div>");
         $("#myDivId").append("<div class='postbody'>" + content + "</div>");
       }
    i++;
     }//END WHILE

    }//END RESULTS FUNCTION
});

但我无法让图像正常工作。我知道，无论出于何种原因，帖子中的图像都保存在一个数组中，所以我认为执行以下操作就足以获得第一张图像：

   else if (type == "photo") {
         var photourl = results.response.posts[i].photos[0].url;
         $("#myDivId").append("<div class='postbody'><img src='" + photourl + "'/></div>");
       }

但无济于事。如果有人感兴趣，文档就在这里：http ://www.tumblr.com/docs/en/api/v2#photo-posts

有人知道如何让这些图像工作吗？谢谢

4

1 回答 1

2

看起来它实际上在alt_sizes：

results.response.posts[i].photos[0].alt_sizes[i].url

http://jsfiddle.net/ExplosionPIlls/WQqLC/

于 2013-01-25T06:17:09.880 回答