Get file size in javascript for multiple files

Question

I am using jQuery Form Plugin to upload my files via AJAX and I also want to check if size is more than 20mb on every file before I send them to server. I've discovered this HTML5 example, but I can't figure out how to put it together with my code here.

$(document).ready(function(){
    $('.form-videos').ajaxForm({
        success : function(data){
            alert(data);
        },
        beforeSubmit : function(){
            var fileInput = $('.form-videos :input[type=file]');
            var totalFiles = $('.form-videos :input[type=file]').get(0).files.length;

            for (i = 0; i < totalFiles; i++)
            {
                alert('what?'); // This works and prints out correctly for every file
                // How do I get current file size?
            }
        }
    });
});

Alex K. · Accepted Answer · 2012-02-16 17:51:53Z

5

You should be able to;

var files = $('.form-videos :input[type=file]').get(0).files;
for (i = 0; i < files.length; i++)
{
   if (files[i].size > 20971520) ...
}

answered Feb 16, 2012 at 17:51

Alex K.

177k32 gold badges275 silver badges298 bronze badges

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

2 Comments

SMC Over a year ago

Can you tell us how to do the same thing in IE ?

Ray Coder Over a year ago

Hope it can help somebody stackoverflow.com/questions/64663160/…

Amadan · Accepted Answer · 2012-02-16 17:53:35Z

0

See an example here.

In your example, length is simply the number of selected files. You need to access the individual File objects and their size property.

answered Feb 16, 2012 at 17:53

Amadan

200k23 gold badges252 silver badges321 bronze badges

Collectives™ on Stack Overflow

Get file size in javascript for multiple files

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related