Javascript 如何计算所选文件的数量

Javascript 如何计算所选文件的数量,javascript,jquery,html,Javascript,Jquery,Html,我有一个非常简单的表单,输入如下: <input id="my_id" multiple="true" type="file" name="image_name[]" /> 现在我有两个问题: 如何使用jQuery或纯JavaScript计算选定的文件 我怎样才能将文件选择限制在10,因为现在它是无限的 在输入类型文件的情况下,该值存储在数组中,作为文件,键为名称 $('input#my_id').change(function(){ var files = $(thi

我有一个非常简单的表单,输入如下:

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

现在我有两个问题:

  • 如何使用jQuery或纯JavaScript计算选定的文件
  • 我怎样才能将文件选择限制在10,因为现在它是无限的

  • 输入类型文件
    的情况下,该值存储在
    数组
    中,作为
    文件
    ,键为
    名称

    $('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");
        }
    });
    
    小提琴示例:

    纯javascript:

    document.getElementById("my_id").addEventListener("change", function() {
        console.log(this.files.length);
    });
    
    可能对你有用