How to check the number of elements in files[] array using jQuery?

Question

JavaScript

Hello,

<input id="files_0" type="file" name="files[]"></input>
<input id="files_1" type="file" name="files[]"></input>

etc.

How to check the number of elements in files[] array using jQuery?

Thank you in advance!

Answer 1

check how many non-empty input elements there are in the DOM with that name

var count = $("input[name='files[]']").filter(function(el){ return $(this).val() }).length;

Answer 2

As far as I know, you can get a list of files with one command only if you use this construction to upload files
but this attribute is supported by far on all browsers .
In your case, you probably have to do a direct enumeration something like this

$('input:file').each(function() { 
console.log($(this).val())
 } )

;
restrict the selector accordingly to your form, and collect the data in an array instead of console.log