如何使用正则表达式获取所有 URL src<Img> JavaScript 中的标签？

Question

I have a Regular Expression for handle filter HTML string with JavaScript, i want to get all URL image from src attribute in <img> tag, but i want to support both charecters < > and < > < > . My sample code like below:

const filterImages = str => {
  const imgRegExp = /\&(?:quot|[gl]t);img.*?src="(.*?)"[^>]+>/g;
  const images = [];
    let img;
    while ((img = imgRegExp.exec(str))) {
      images.push(img[1]);
    }
  return images;
}

Answer 1

I have come up with a bulky regex like this

(?:<img\s+src="(.*?)"[^.]*?\/?>|&lt;img\s+src="(.*?)"[^.]*?\/?&gt;)

I have tested it on a page's html and it seems fine https://regex101.com/r/zifqle/1

For convenience you could use named capturing groups, but it seems that they must be unique so the best I can think of is

(?:<img\s+src="(?<url1>.*?)"[^.]*?\/?>|&lt;img\s+src="(?<url2>.*?)"[^.]*?\/?&gt;)

Also try to include m (multiline) flag with the regex