javascript - html 'input = multiple' count number of selected files

Question

I have a multiple file input like this:

<input multiple="multiple" type="file" name="file">

When I click it, I get the option to select some files. When I select some files click on "open", I need to display the number of files I selected (let's say in an alert box). I suppose there should be a javascript event to handle this situation, but I can't find it. How could I accomplish this?

I have tried searching around stackoverflow but haven't found a solution, although this question doesn't seem overly specific.

Answer 1

try this:-

$("input[type='file']").on("change", function(){  
  var numFiles = $(this).get(0).files.length
   alert(numFiles);
});

Demo