Image Tag (src) Regex Pattern

Live Regex Tester

Pattern Breakdown

Code Examples

const regex = /<img[^>]+src=["']([^"']+)["']/gi;
const test = "<img src="photo.jpg" alt="Photo">";
console.log(regex.test(test)); // true

// Extract matches
const matches = test.match(regex);
console.log(matches);

import re

pattern = r'<img[^>]+src=["']([^"']+)["']'
test = "<img src="photo.jpg" alt="Photo">"
match = re.findall(pattern, test, re.IGNORECASE)
print(match)  # Found!

package main

import (
    "fmt"
    "regexp"
)

func main() {
    re := regexp.MustCompile(`<img[^>]+src=["']([^"']+)["']`)
    fmt.Println(re.MatchString("<img src="photo.jpg" alt="Photo">")) // true
}

Common Use Cases

Match Examples

About the Image Tag (src) Regex

Extracts image source URLs from HTML img tags. Useful for web scraping, SEO image audits, and content migration.

Regular expressions (regex) are powerful pattern matching tools used across virtually all programming languages. The image tag (src) pattern is classified as intermediate difficulty in the web & html category. This pattern is specifically designed for HTML.

When using this regex, always consider edge cases and test thoroughly with real-world data. Use the interactive tester above to validate the pattern against your specific inputs before deploying to production.

More Web & HTML Patterns