Count number of files in input box with jQuery?

Question

How can I count the number of files that are in the file upload input using jQuery?

I have tried this but it always returns 1:

$("body").on("change", ".create-album .custom-file-input .createAlbumFileUpload", function(){   

    var numFiles = $("input:file", this).length;
    alert(numFiles);
});

My HTML:

<form enctype="multipart/form-data" class="createAlbumFileUpload">
    <input type="file" name="uploadFile[]" multiple="multiple"/>
</form>

I found this jsFiddle on another question asking the same thing, however I can't see why mine isn't working?

Yours doesn't look at the files of the input in the same way that the fiddle does. — user400654
– user400654, Commented Jan 21, 2013 at 22:51

user400654 · Accepted Answer · 2013-01-21 22:59:00Z

20

The fiddle you provided contains the answer.

var numFiles = $("input:file", this)[0].files.length;

http://jsfiddle.net/xvLAc/1/

edited Jan 21, 2013 at 22:59

answered Jan 21, 2013 at 22:52

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

1 Comment

Dylan Cross Over a year ago

Ah that is odd. You did remove the extra selectors didn't you?

Smit Patel · Accepted Answer · 2017-06-20 06:40:36Z

1

You can also try with this,

Take the input in Div and give an id,

var count =  $('#divPhoto').children().length; // You'll get the length in this.

answered Jun 20, 2017 at 6:40

Smit Patel

3,3372 gold badges29 silver badges47 bronze badges

Comments

Rajpal Singh · Accepted Answer · 2016-12-17 09:22:36Z

0

You can easily check with below code and https://jsfiddle.net/vvz3a4qp/2/ :

HTML:

<form name="myForm" enctype="multipart/form-data">
<input type="text" name="name">
<input type="file" name="name1" >
<input type="file" name="name2" ><br><br>
<span id="total"></span>
</form>

JS:

 $("body").change(function(){
            alert($(":file").length);
            $("#total").html($("input[type=file]").length);
      });

answered Dec 17, 2016 at 9:22

Rajpal Singh

3111 silver badge13 bronze badges

Collectives™ on Stack Overflow

Count number of files in input box with jQuery?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related