javascript - 图像 URL javascript 正则表达式以适应特殊 url

Question

我有一个图像 URL 正则表达式，用于使用 ng-pattern 指令验证表单上的图像。

目前，我正在努力适应像 https://google.com.png 这样的情况。任何帮助将不胜感激。

正则表达式:

'^((?!mailto:)(?:(?:http|https|ftp)://)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?)\.(png|jpg|jpeg|gif|PNG|JPG|JPEG|GIF)$'

最好在这里查看:

https://regex101.com/r/dH1wT6/1

Answer 1

简化正则表达式:

^(?!mailto)(?:https?|ftp):\/(?:\/?(?:[.#@?=]?[a-z0-9\u00a1-\uffff]+)+)+[.]?(?:png|jpe?g|gif)$

需要使用 i 标志来使搜索不区分大小写。

但是您应该验证您的网址列表是否允许太多或太少。

可以测试一下here

如果您将正则表达式放入 JavaScript 字符串中，请不要忘记您需要反斜杠。