我正在尝试在我的网站上设置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
有人知道如何让这些图像工作吗?谢谢
看起来它实际上在alt_sizes
:
results.response.posts[i].photos[0].alt_sizes[i].url
http://jsfiddle.net/ExplosionPIlls/WQqLC/