я не получаю количество файлов, используя в JQuery?

Question

Я не получаю файлы для подсчета, используя JQuery, и я использую приведенный ниже код html и jquery функцию

        <div class="customerimagebox">
        <input multiple="multiple" type="file" name="Update_Merchandising_to_match_AIMM_images[]" class="Update_Merchandising_to_match_AIMM_images" id="Update_Merchandising_to_match_AIMM_images">
        <i class="fa fa-camera" onclick="fileuploadonclick('Update_Merchandising_to_match_AIMM_images',event)" style="color: black;text-align: center;"></i>
        </div>
        <div class="customerimagebox">
        <input multiple="multiple" type="file" name="Employees_in_Proper_Dress_Code_images[]" class="Employees_in_Proper_Dress_Code_images" id="Employees_in_Proper_Dress_Code_images">
        <i class="fa fa-camera" onclick="fileuploadonclick('Employees_in_Proper_Dress_Code_images',event)" style="color: black;text-align: center;"></i>
        </div>

<script>
function fileuploadonclick(classname,event) {
    event.preventDefault();
    $("."+classname+"").val('').click();
    $(document).on("change","."+classname+"",function (){
        var numFiles = $("input#Update_Merchandising_to_match_AIMM_images",this)[0].files.length;
        alert(numFiles);
    });
</script>
}

Я получаю только эту ошибку. пожалуйста, проверьте изображение ниже

Answer 1

Это работает, если вы настроите свою функцию следующим образом:

 function fileuploadonclick(classname, event) {
    event.preventDefault();
    $("." + classname + "").val('').click();
    $(document).on("change", "." + classname + "", function() {
       var numFiles = $("input#Update_Merchandising_to_match_AIMM_images").prop("files").length;
       alert(numFiles);
    });
 }

Answer 2

У вас очень запутанный код. См. Мой короткий пример:

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

И на детской площадке с вашим кодом: https://jsfiddle.net/denisstukalov/q9xau5yr/6/# & togetherjs = BjIDOeQOoo