Uahmed
Uahmed

Reputation: 1845

jquery file upload restricting number of files

I am using jquery file upload to upload the files to the server . I want to restrict the user to upload maximum 6 files . I search the wiki jquery file upload but didnt find the parameter for it . Is there any way that i can restrict the user on number of uplaods

Upvotes: 19

Views: 37641

Answers (5)

TheCodeLord
TheCodeLord

Reputation: 417

If you are using the "Krajee" fileupload, then you will have to use

$('#fileuploadbasic').fileinput({
    maxFileCount: 6
});

If set to 0, it means size allowed is unlimited. Defaults to 0.

Upvotes: 0

Artipixel
Artipixel

Reputation: 1246

You can try:

$('#fileuploadbasic').fileupload({
  //.....
  paramName: 'your_input_name',
  add : function (e, data) {
    if(data.paramName != undefined) data.submit();
  }
});

Upvotes: -1

Hemantha
Hemantha

Reputation: 353

You can limit the uploading files by the "Uploadhandler.php" file .change the "max_number_of_files" option. works for me. But it only validates when you upload the file.

Upvotes: 2

Muhammad Tahir
Muhammad Tahir

Reputation: 2485

maxNumberOfFiles was not working for me so i did the following

$('#fileuploadbasic').fileupload({
    change : function (e, data) {
        if(data.files.length>=5){
            alert("Max 5 files are allowed")
            return false;
        }
    },
    maxFileSize: 20000000,
    acceptFileTypes: /(\.|\/)(jpe?g|png)$/i,
});

Upvotes: 19

Mohamed AbdElRazek
Mohamed AbdElRazek

Reputation: 1684

Use maxNumberOfFiles here is documentation :

$('#fileuploadbasic').fileupload({

maxNumberOfFiles: 6

});

Upvotes: 33

Related Questions