Restrict file types in BlueImp JQuery File Upload

Question

Is there anyway we can restrict the file types in JQuery File Upload. From the documentation we have below code, but that is only for allowed file types. I want something for restricting file types.I want to allow all the file types but restrict .exe and .js files. Please let me know if there is any workaround for this.

$('#file_upload').fileUploadUIX({
    maxFileSize: 5000000, // Maximum File Size in Bytes - 5 MB
    minFileSize: 100000, // Minimum File Size in Bytes - 100 KB
    acceptFileTypes: /(zip)|(rar)$/i  // Allowed File Types
});

Can you show us the plugin? or the link where it is ?

Akshay Khandelwal
– Akshay Khandelwal

2013-09-13 17:37:56 +00:00
Commented Sep 13, 2013 at 17:37 — Akshay Khandelwal
– Akshay Khandelwal, Commented Sep 13, 2013 at 17:37
This is the plugin.. github.com/blueimp/jQuery-File-Upload

Naveen Reddy
– Naveen Reddy

2013-09-13 17:59:17 +00:00
Commented Sep 13, 2013 at 17:59 — Naveen Reddy
– Naveen Reddy, Commented Sep 13, 2013 at 17:59

dwaddell · Accepted Answer · 2013-09-13 19:36:27Z

4

You may need to alter the code a little more but I was able to get what you wanted by altering the regex to the following:

 $('#file_upload').fileUploadUIX({
        maxFileSize: 5000000, // Maximum File Size in Bytes - 5 MB
        minFileSize: 100000, // Minimum File Size in Bytes - 100 KB
        acceptFileTypes: /(\.|\/)(?!exe|js)$/i  // Allowed File Types
    });

enter image description here

answered Sep 13, 2013 at 19:36

dwaddell

1,51612 silver badges22 bronze badges

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

3 Comments

Naveen Reddy Over a year ago

The above code didn't work.. Now it is not accepting any file types, whatever the extension is. Here is the demo project in MVC where I am trying. github.com/maxpavlov/jQuery-File-Upload.MVC3/blob/master/…

dwaddell Over a year ago

So it went from working like a charm to not working at all? What changed? Also it doesn't look like you are trying to restrict at all now, is this a new issue altogether? Good luck.

Naveen Reddy Over a year ago

Basically I tested your code in Regex tester it seem to work there. But when I added the same code in jQuery File Upload, it doesn't seem to like it, so thats where the problem is. Sorry I haven't tested completely when i said it worked. The link I gave is where I got that code, so i added "acceptFileTypes" attribute in my local machine. Your code is restricting all the file types.

Collectives™ on Stack Overflow

Restrict file types in BlueImp JQuery File Upload

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related