javascript - 如何使用 Google Feed API 从 RSS Feed 加载图像？

Question

我无法使用 Google Feed API 加载图像，我正在使用 mediaGroup 加载图像。

这是我为获取提要而编写的 javascript 代码

<script type="text/javascript">

google.load("feeds", "1");
function initialize() 
   {
    var feed = new google.feeds.Feed("http://techzei.com/feed");
    feed.setNumEntries(14);
    feed.load(function (result) {
        if (!result.error) 
        {
            result.feed.entries.forEach(function(entry)
            {
              $('#feed').append('<div class="card"><a href="' + entry.link + '">' + entry.title + '</a><p>' + entry.contentSnippet + '</p><br><p>'+entry.publishedDate+'"<img src="'+ entry.mediaGroups+'"/></div>');
            });
        }
    });
}
google.setOnLoadCallback(initialize);

html

<article id="feed"></article>

我现在得到的所有图像都是“未定义的”。我应该做点别的吗？ Google Feed API dev对此并没有太多说明

Answer 1

该提要似乎没有任何 mediaGroup 条目，这就是您在结果中未定义的原因，但您可以从 entry.content 使用 jQuery。

将图像 url 放入数组并显示第一个找到的图像(或不显示):

var content = document.createElement("content");
content.innerHTML = entry.content;                   
var images = $(content).find('img').map(function(){
    return $(this).attr('src')
}).get();
$('#feed').append('<div class="card"><a href="' + entry.link + '">' +
    entry.title + '</a><p>' + entry.contentSnippet + '</p><br><p>'+ 
    entry.publishedDate +'</p>' + 
    (images.length == 0 ? '' :'<img src="'+ images[0] +'"/>') + '</div>');

通过将 img 标签附加到变量来显示所有图像:

var content = document.createElement("content");
content.innerHTML = entry.content;
var images = "";
$(content).find('img').each(function() {  
    images += this.outerHTML;
}); 
$('#feed').append('<div class="card"><a href="' + entry.link + '">' +
    entry.title + '</a><p>' + entry.contentSnippet + '</p><br><p>' +
    entry.publishedDate + '</p>' + images +'</div>');