如何将img src分割成这个js html变量(这是我所说的rss)

问题描述 投票:0回答:2
javascript html rss rss-reader
2个回答
0
投票

使用

RegExp::exec
g
标志和向后断言在
srcset
属性内搜索:

var a = '<p><img loading="lazy" class="size-full wp-image-6491 aligncenter" src="https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance.jpg" alt="" width="1200" height="676" srcset="https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance.jpg 1200w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-300x169.jpg 300w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-1024x577.jpg 1024w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-768x433.jpg 768w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-1000x563.jpg 1000w" sizes="(max-width: 1200px) 100vw, 1200px"></p>'

const regex = /(?<=srcset=".*)([^\s]+) (\d+)w/g;

const images = [];
let m;
while(m = regex.exec(a)){
  const [, src, width] = m;
  images.push({src, width});
}

console.log(images);


0
投票
var a = '<p><img loading="lazy" class="size-full wp-image-6491 aligncenter" src="https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance.jpg" alt="" width="1200" height="676" srcset="https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance.jpg 1200w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-300x169.jpg 300w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-1024x577.jpg 1024w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-768x433.jpg 768w, https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance-1000x563.jpg 1000w" sizes="(max-width: 1200px) 100vw, 1200px"></p>';

var src = a.match(/src="(.*?)"/)[1];

console.log(src); // https://rahaimport.net/blog/wp-content/uploads/2022/10/Export-clearance-clearance.jpg

首先,我们使用 match() 方法查找 HTML 变量中的 src 属性。 match() 方法返回一个字符串数组,其中每个字符串都是指定正则表达式的匹配项。 在这种情况下,正则表达式与 src 属性匹配,数组中的第一个字符串是图像 URL。

© www.soinside.com 2019 - 2024. All rights reserved.