Regex JavaScript image file extension

Question

I need a regular expression to validate image file extensions in javascript. Do you have one ?

http://en.wikipedia.org/wiki/Image_file_formats and http://www.regular-expressions.info/tutorial.html — Felix Kling, May 06 '12 at 18:50
http://stackoverflow.com/questions/169625/regex-to-check-if-valid-url-that-ends-in-jpg-png-or-gif. — benastan, May 06 '12 at 18:55

score 164 · Accepted Answer · edited Jul 07 '20 at 21:00

164

Could you explain the purpose?

Anyway here's one assuming you support few image types.

(/\.(gif|jpe?g|tiff?|png|webp|bmp)$/i).test(filename)

I have put the whole regular expression within parentheses () so as to disambiguate between the slash (/) operator and RegExp object. See JSLint for more details.

Here's the raw regex as well.

/\.(gif|jpe?g|tiff?|png|webp|bmp)$/i

This Regex also assumes that you're including the dot before the extension. Remove the \. if you're not.

edited Jul 07 '20 at 21:00

Niels Rask

3
5

answered May 06 '12 at 18:49

g13n

3,218
2
24
19

28

Instead of `jpg|jpeg` you can do: `jpe?g` – Roko C. Buljan Jan 14 '16 at 05:14
7

How about adding `webp` to this list? – Micah Engle-Eshleman Apr 05 '17 at 19:08
1

Could we consider `.ico` as na image ? – Menai Ala Eddine - Aladdin Sep 15 '20 at 16:28
1

How would this look like when you also want to include capitalised extensions? And thank you for your answer – Woww Apr 06 '21 at 09:12

Regex JavaScript image file extension

1 Answers1

Linked

Related