Javascript, count how many files were attached to a file upload input

Question

I have this file input:

<input type="file" name="photo[]" multiple="yes">

What I want is, when someone uploads a file/files to it, I want to alert them how many files were uploaded (altogether). Like if I upload 3 files, it will alert "3 files were uploaded". And if I add 2 more files it will alert "5 files were uploaded" (adding the 2 files uploaded before).

zord · Accepted Answer · 2013-12-07 07:49:32Z

11

Try this code:

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

answered Dec 7, 2013 at 7:49

zord

4,8333 gold badges28 silver badges32 bronze badges

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

Comments

RbG · Accepted Answer · 2014-07-10 14:15:09Z

4

you may try this too

document.forms["form_name"]["multi_files_input_name[]"].files.length

answered Jul 10, 2014 at 14:15

RbG

3,1633 gold badges35 silver badges45 bronze badges

1 Comment

Rijo Over a year ago

its more accurate than previous

Collectives™ on Stack Overflow

Javascript, count how many files were attached to a file upload input

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related