File validation via Regular Expression - Javascript

Question

I'm using an upload plugin to upload files in jquery.

This gets the type of the file uploaded (e.g. jpeg):

data.files[0].type

I need to check if it's a valid image file type (usal image file types jpeg, jpeg, gif, png) using a reg expression.

So far I have:

var isValid = (/\.(gif|jpg|jpeg|tiff|png)$/i).test(data.files[0].type);

But it's not working (always returns false).

Any ideas on how to fix?

Thanks

Why not use the jQuey validation plugin, namely the extension method? — adrianp
– adrianp, Commented Apr 10, 2013 at 11:06
Make sure data.files[0].type returns a string starting with a dot, like ".jpg". Try casting it as a string, maybe. — Romain Braun
– Romain Braun, Commented Apr 10, 2013 at 11:08
Just so that you're aware, that checks the file extension, not its type. — BenM
– BenM, Commented Apr 10, 2013 at 11:09
@adrianp it's not going to work with my image uplaoder plug in — beans
– beans, Commented Apr 10, 2013 at 11:11

Mohamed AbdElRazek · Accepted Answer · 2013-04-10 11:34:11Z

3

If your type of the file uploaded (e.g. jpeg) without "dot" so you need that:

var isValid = (/(gif|jpg|jpeg|tiff|png)$/i).test(data.files[0].type)

answered Apr 10, 2013 at 11:34

Mohamed AbdElRazek

1,68414 silver badges18 bronze badges

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

Comments

Oleg V. Volkov · Accepted Answer · 2013-04-10 11:13:46Z

1

Your regexp is properly constructed (though it only checks extension, not type, as already mentioned), so it is obvious that you're checking wrong data.

Print out data.files[0].type and see if it really is what you think it is. Judging from variable name it is very likely that you have file extension without leading dot that your regexp checks for there.

answered Apr 10, 2013 at 11:13

Oleg V. Volkov

22.6k4 gold badges49 silver badges68 bronze badges

1 Comment

beans Over a year ago

Yes, it's without the . so it looks like 'jpeg' What do I need to do to my expression?

Collectives™ on Stack Overflow

File validation via Regular Expression - Javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related