如何解决在RSS上显示<content:encoded>中的图像
我有一个RSS提要,实际上可以在其中显示信息,如标题和标题。但是我不知道如何从那里显示图像。这是原始的代码笔https://codepen.io/jinzagon/pen/JjXNmLO,下面是我要从中获取图像的RSS的简单示例。
<item>
<title>Street Power Football – v1.0.12344.0</title>
<link>https://fitgirl-repacks.site/street-power-football/</link>
<comments>https://fitgirl-repacks.site/street-power-football/#comments</comments>
<dc:creator><![CDATA[FitGirl]]></dc:creator>
<pubDate>Wed,26 Aug 2020 23:18:33 +0000</pubDate>
<category><![CDATA[Lossless Repack]]></category>
<guid isPermaLink="false">https://fitgirl-repacks.site/?p=15014</guid>
<description><![CDATA[<p>#1540 Street Power Football v1.0.12344.0 Genres/Tags: Sports,Soccer,Third-person,3D Companies: SFL Interactive,Maximum Games Languages: RUS/ENG/MULTI12 Original Size: 4.1 GB Repack Size: 1.9 GB Download Mirrors Temporary hidden. Devs implemented a new server-sided check AFTER that cracked version was released. So all existing copies will continue to work,but new users can’t run it … <a href="https://fitgirl-repacks.site/street-power-football/" class="more-link">Continue reading <span class="screen-reader-text">Street Power Football – v1.0.12344.0</span> <span class="meta-nav">→</span></a></p>
<p>The post <a rel="nofollow" href="https://fitgirl-repacks.site/street-power-football/">Street Power Football – v1.0.12344.0</a> appeared first on <a rel="nofollow" href="https://fitgirl-repacks.site">FitGirl Repacks</a>.</p>
]]></description>
<content:encoded><![CDATA[<h3><span style="color: #339966;">#1540</span> <strong>Street Power Football <span style="color: #808080;">v1.0.12344.0</span></strong></h3>
<p style="height: 200px; display: block;"><a target="_blank" href="http://en.riotpixels.com/games/street-power-football/" rel="noopener"><img class="alignleft" width="150" src="https://i112.fastpic.ru/big/2020/0827/f0/55df02beb4bfc89bf021aae2b85686f0.jpg" /></a><br />
Genres/Tags: <strong>Sports,3D</strong><br />
Companies: <strong>SFL Interactive,Maximum Games</strong><br />
Languages: <strong>RUS/ENG/MULTI12</strong><br />
Original Size: <strong>4.1 GB</strong><br />
Repack Size: <strong>1.9 GB</strong></p>
</item>
显示提要的JS
const RSS_URL = `https://cors-anywhere.herokuapp.com/https://fitgirl-repacks.site/feed/`;
fetch(RSS_URL)
.then(response => response.text())
.then(str => new window.DOMParser().parseFromString(str,"text/xml"))
.then(data => {
console.log(data);
const items = data.querySelectorAll("item");
let html = ``;
items.forEach(el => {
html += `
<article>
<img src="${el.querySelector("link").innerHTML}/image/large.png" alt="">
<h2>
<a href="${el.querySelector("link").innerHTML}" target="_blank" rel="noopener">
${el.querySelector("title").innerHTML}
</a>
<h2>${el.querySelector("description").innerHTML}</h2>
</h2>
</article>
`;
});
document.body.insertAdjacentHTML("beforeend",html);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。