Requiring a particular file extension in javascript regex

Question

I'm using this reg ex

var regex = /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)/;

This is used on a field for specifying image urls, so I need the last part of the url to be either .jpg, .png, .gif etc

How can i modify the regex to test this?

Thanks

(regex used: http://blog.mattheworiordan.com/post/13174566389/url-regular-expression-for-links-with-or-without-the)

This pattern is long and inefficient! Matching the protocol with [A-Za-z]{3,9} is a joke! Forget it and write your own. — Casimir et Hippolyte
– Casimir et Hippolyte, Commented Dec 20, 2013 at 17:59

Michael Tang · Accepted Answer · 2013-12-20 18:04:25Z

1

Try appending your existing regex with \.(jpg|png|gif)

Basically what this does is it checks for a dot (\., must be escaped since its a special character), then checks if a string is followed by either jpg, png, or gif.

Debuggex is a wonderful tool to play around with (I learned regex messing with it).

((([A-Za-z]{3,9}:(?:\/\/)?)(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)\.(jpg|png|gif)

Regular expression visualization

Debuggex Demo

edited Dec 20, 2013 at 18:04

answered Dec 20, 2013 at 17:59

Michael Tang

4,9265 gold badges27 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Requiring a particular file extension in javascript regex

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related