Sum file upload input tags size

Question

I have more than one input type=file tags in my form. Sometimes one will be hidden and sometimes there will be multiples created dynamically. I would like that on my form submit I check the file size of each file and I would sum them and check if it exceeds the maximum I set.

I wrote the code below:

function AcceptableFileUpload() {
    var totalsize = 0;
    var fileUploads = $("#form1 input[type=file]").length;
    for (var i = 0; i < fileUploads; i++) {
        //I added this to check whether there is any file here 
        //as I was receiving undefined when my hidden input file was checked
        if ($('#form1 input[type=file]').get(i).length > 0) {
            var filesize = $('#form1 input[type=file]').get(i).files[0].size;
            totalsize = +filesize;
        }
    }
    if (totalsize > 1073741) {
        alert("File size limit exceeded");
        return false;
    }
    return true;
}

When I only used var filesize = $('#form1 input[type=file]').get(0).files[0].size; I got the file size correctly, but it didn't work the way I wrote above, it says that the size is 0 always. I'd appreciate your help, thanks!

which browser are you using ? safari browser will show size zero on multiple file upload !. — Robin
– Robin, Commented Oct 18, 2013 at 10:00
Sorry, to clarify, my file uploads are not "multiple", I may have more than one input type="file" tags. Each one will only have one file. — Jenninha
– Jenninha, Commented Oct 18, 2013 at 10:11

Manish · Accepted Answer · 2013-10-18 10:21:01Z

2

You can try

function AcceptableFileUpload() {
   var totalsize = 0;

   $('#form1 input:file').each(function(){
     if($(this).val().length > 0){
        totalsize=totalsize+$(this)[0].files[0].size;
      }
  });
  if (totalsize > 1073741) {
      alert("File size limit exceeded");
      return false;
  }
  return true;

}

answered Oct 18, 2013 at 10:21

Manish

1,4472 gold badges11 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Sum file upload input tags size

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related