이미지 URL 특수 URL을 수용하기위한 javascript 정규식

Question

ng-pattern 지시어를 사용하여 양식의 이미지를 확인하는 데 사용되는 이미지 URL 정규 표현식이 있습니다.

현재 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 플래그를 사용하는 필요를 대소 문자를 구분하지 않습니다.

그러나 URL의 목록을 확인하여이 항목이 많거나 적은 경우 허용해야합니다. 당신은 자바 스크립트 문자열에서 정규 표현식을 넣으면

는 백 슬래시를 백 슬래시해야한다는 것을 잊지 마세요, 그것은 here

을 테스트 할 수 있습니다.