JSFiddle - React, Tailwind, and code Playground

HTML

<input id="my_id" multiple="true" type="file" name="image_name[]" />

JavaScript

$('input#my_id').change(function(){
    var files = $(this)[0].files;
    if(files.length > 10){
        alert("you can select max 10 files.");
    }else{
        alert("correct, you have selected less than 10 files");
    }
});