Question

我正在使用Blogger，我需要使用JSON Feed API从最新帖子中获取最新图片，您可以在其中将FEED模式设置为“json-in-script”。

我正在研究代码，但我找不到任何方法来获得我想要的东西。我可以提取媒体$缩略图，但我需要调整图像大小，所以我需要原始大小。

有人知道吗？

额外：如何让jQuery在Blogger中运行？

Answer 1

这是一个可以帮助您的jQuery代码段。它会获取您的Feed，在帖子上循环并抓取所有图像引用。在阵列中获得图像引用后，您应该能够根据需要处理它们。在使用脚本之前，请不要忘记使用正确的域更新“feedURL”。

<script type="text/javascript">
$(document).ready(function() {
    var imgArray = new Array(); // Holds array of images
    var feedURL = 'http://<yourdomain.com>/feeds/posts/default?alt=json-in-script&callback=?';

    // Make ajax call to blogger
    $.ajax({
        url: feedURL,
        dataType: 'jsonp',
        success: function(data) {
            // Loop over each post
            $.each(data.feed.entry, function(idx, ele) {
                // Get image references
                var matches = new Array();
                if( (matches = ele.content.$t.match(/https?:\/\/.+?\.(jpg|gif|png)/gi)) != null )
                {
                    $.merge(imgArray, matches);
                }
            });
        }       
    });

    // do something with imgArray here
    // ...
});
</script>

如何使用javascript从博客json-in-script文件中获取<img/>标记？

1 个答案: