File Upload with RegularExpressionValidator not working with Firefox only IE

Question

I have a FileUpload with a RegularExpressionValidator with the following Validation Expression:

^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.gif|.jpg|.JPG|.JPEG|.GIF|.jpeg|.png|.bmp|.3dm|.3dmf|.ai|.drw|.dxf|.esp|.mng|.png|.ps|.psp|.svg|.tiff)$

This way I make sure the User only upload images. But for some reason it does not work when I use Firefox. Why is that and how can I go around the problem?

Answer 1

I found the solution.....

(.*\.([gG][iI][fF]|[jJ][pP][gG]|[jJ][pP][eE][gG]|[bB][mM][pP])$)

Link to the answer

Enjoy!!!

Answer 2

Try this:

(.*?)\.(jpg|jpeg|png|gif)$

Answer 3

An enhancement to DaDa's solution that caters for case-sensitivity:

^(.*?)\.(((j|J)(p|P)(e|E)?(g|G))|((p|P)(n|N)(g|G))|((g|G)(i|I)(f|F)))$

Answer 4

I have got a solution to this problem:

var reg = /([^\s]+(?=.(jpg|gif|png|jpeg)).\2)/gm; 
if (reg.test(uploadcontrol) == false) { 
    alert("Please upload valid image formats(.jpg,.gif,.jpeg and .png)");
}

Answer 5

It does not work with Firefox v3.x because it does not allow JavaScript to get full path name from the file input field and this particular regular expression expects to see full path name.