Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示来自RSS源的图像_Javascript_Reactjs_Rss - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 显示来自RSS源的图像

Javascript 显示来自RSS源的图像

javascript reactjs rss

Javascript 显示来自RSS源的图像,javascript,reactjs,rss,Javascript,Reactjs,Rss,我正在使用解析RSS提要，并在列表中显示结果 将数据添加到状态中，如下所示： async getJobsData() { let feed = await parser.parseURL( "https://weworkremotely.com/categories/remote-design-jobs.rss" ); this.setState({ data: feed.items }); } 文本字段很简单，因为它们以Mon，2019年5月20日1

我正在使用解析RSS提要，并在列表中显示结果

将数据添加到状态中，如下所示：

async getJobsData() {
    let feed = await parser.parseURL(
      "https://weworkremotely.com/categories/remote-design-jobs.rss"
    );

    this.setState({ data: feed.items });
  }
文本字段很简单，因为它们以
Mon，2019年5月20日10:36:42+0000的形式出现，并使用
{data.pubDate}
添加到各自的列表项中

但是，图像的响应格式不同。它作为第一项插入到通用
内容
响应中


title: [...]
pubDate: [...]
content: "<img src="https://we-work-remotely.imgix.net/logos/0015/7503/logo.gif?ixlib=rails-2.1.3&w=50&h=50&dpr=2&fit=fill&auto=compress" alt="Logo.gif?ixlib=rails 2.1" />



标题：[……]
发布日期：[……]
内容：“



如何仅提取URL（
https://we-work-remotely.imgix.net/logos/0015/7503/logo.gif?
）从该字段？
您可以使用HTML解析器，例如，获取src属性。
您可以使用它将文本表示解析为DOM

下面的代码片段将打印
img.src



const imgText=``
const doc=new DOMParser（）.parseFromString（imgText，'text/html'）

log（doc.body.firstElementChild.src）
首先使用
控制台.log
找出rss解析器从中生成的JavaScript数据结构。当您不知道rss解析器内部在做什么时，查看原始XML不会有多大帮助。@Quentin编辑了最初的问题以显示rss解析器的输出。很高兴能提供帮助~