JavaScript正则表达式：仅捕获图片类型的src URL路径

你可以使用以下正则表达式精准提取src属性中仅属于图片的路径/URL：

/src="(.*?\.(png|bmp|jpg))"/g

正则规则拆解： #

• src="：匹配src属性的开头部分
• (.*?\.(png|bmp|jpg))：核心捕获组，用于锁定目标内容
  • .*?：非贪婪模式匹配任意字符，防止误匹配到多个src属性的闭合引号
  • \.(png|bmp|jpg)：匹配指定的图片文件后缀，\.是转义后的点号，括号内为允许的图片格式列表
• "：匹配src属性的闭合引号
• g：全局匹配标识，用于一次性找出所有符合条件的内容

实际匹配效果： #

• src="/path/image.png" → 捕获结果：/path/image.png
• src="/path/image.bmp" → 捕获结果：/path/image.bmp
• src="/path/image.jpg" → 捕获结果：/path/image.jpg
• src="https://www.site1.com" → 无匹配结果

如果需要支持更多图片格式（如jpeg、gif），只需在后缀列表中添加对应格式即可，示例：

/src="(.*?\.(png|bmp|jpg|jpeg|gif))"/g

内容的提问来源于stack exchange，提问作者heyooo12