如何修改正则表达式以验证含多段点的图片链接

嘿，这个问题我太熟了！其实调整起来一点都不复杂——核心就是放宽对图片URL路径部分的限制，让它能兼容多级目录、包含多个点的完整路径，同时保留对合法图片后缀的校验就行。

先分析原正则的局限 #

你原来的正则大概率是把URL的路径部分限制得太死了，比如可能写了类似[^/.]+这样的规则，只允许域名后直接跟文件名，导致带斜杠的多级路径（比如维基百科的长链接）没法匹配。

针对两种场景的修改方案 #

场景1：验证独立的图片URL（比如直接输入的链接） #

假设原正则是这样的（只能匹配域名后直接跟图片的情况）：

^https?://[^/.]+\.(jpg|jpeg|png|gif)$

修改后的正则：

^https?://[^?#]+\.(jpg|jpeg|png|gif)$

规则解释：

• https?://：保留对http/https协议的匹配，不变
• [^?#]+：匹配从域名到图片后缀前的所有内容，允许包含斜杠、点、字母、数字等合法URL字符，同时避开问号（查询参数）和井号（锚点），确保后缀是图片扩展名
• \.(jpg|jpeg|png|gif)：保留对目标图片格式的校验，不变

如果需要支持带查询参数的图片URL（比如https://i.imgur.com/abc.jpg?size=200），可以改成：

^https?://.+\.(jpg|jpeg|png|gif)(\?.*)?$

场景2：验证HTML <img>标签里的图片链接 #

假设原正则是这样的：

<img[^>]+src="https?://[^/.]+\.(jpg|jpeg|png|gif)"[^>]*>

修改后的正则：

<img[^>]+src="https?://[^"?#]+\.(jpg|jpeg|png|gif)"[^>]*>

这个修改和独立URL的逻辑一致，只是把规则套在了<img>标签的src属性匹配里，能完美匹配像维基百科、i.imgur这类带多级路径的图片链接。

额外优化建议 #

• 如果要支持大小写后缀（比如.JPG、.PNG），记得给正则加上不区分大小写的修饰符：比如JS里用/regex/i，Python里用re.compile(regex, re.IGNORECASE)
• 要是需要新增支持的图片格式（比如.webp），直接在后缀列表里加|webp就行，比如(jpg|jpeg|png|gif|webp)

测试用例 #

修改后的正则能完美匹配这些链接：

• https://i.imgur.com/abc123.png
• https://upload.wikimedia.org/wikipedia/commons/2/23/The_river_effect_in_justified_text.jpg
• https://example.com/blog/images/2024/06/summer_trip.jpeg

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