• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

328
Views
How to Regular Expression to get all URL src in <Img> tag in JavaScript?

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 &lt; &gt;. 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;
}
about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

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

enter image description here

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

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error