How to filter for only .jpg file in browse window?

Question

I want to filter the browse window for only .jpg files.

<asp:FileUpload ID="fileDocument" runat="server"></asp:FileUpload>

Here is the image :- enter image description here

here I want that it should only display .jpg file. How can I do this?

http://stackoverflow.com/questions/3521122/html-input-type-file-apply-a-filter possibble duplicate — Doan Cuong, Apr 29 '13 at 07:31
http://stackoverflow.com/questions/2780191/how-to-restrict-file-type-in-fileupload-control possible duplicate — Pouki, Apr 29 '13 at 07:31

score 0 · Answer 1 · edited May 23 '17 at 12:12

0

take a look at this:

File Upload with RegularExpressionValidator not working with Firefox only IE

However I believe exactly what you want to do may not be possible with the library you are using, you could try a different javascript library to do the file select.

Take a look at this: http://www.queness.com/post/11434/7-javascript-ajax-file-upload-plugins

edited May 23 '17 at 12:12

Community

1
1

answered Apr 29 '13 at 07:32

Nomad101

1,688
11
16

score 0 · Answer 2 · answered Apr 29 '13 at 07:36

I used RegularExpressionValidator before.

<asp:RegularExpressionValidator ID="validator_fileupload_extension" runat="server"
     ControlToValidate="FileUpload1"
     ErrorMessage="Images are allowed"
     Text="*" 
     ValidationExpression="^.*\.(jpg|JPG|jpeg|JPEG)$">
</asp:RegularExpressionValidator>

score 0 · Answer 3 · answered Apr 29 '13 at 07:53

Add this script in the head section of the aspx page.

 <script type ="text/javascript">
    var validFilesTypes=["bmp","gif","png","jpg","jpeg","doc","xls"];
    function ValidateFile()
     {
         var file = document.getElementById("<%=FileUpload1.ClientID%>");
         var path = file.value;
         var ext=path.substring(path.lastIndexOf(".")+1,path.length).toLowerCase();
         var isValidFile = false;
         for (var i=0; i<validFilesTypes.length; i++)
            {
              if (ext==validFilesTypes[i])
                 {
                      break;
                 }
            }
         return isValidFile;
     }
</script>

How to filter for only .jpg file in browse window?

3 Answers3