如何计算选定的文件

Question

我有非常简单的形式,输入如下:

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

现在我有两个问题:

1. 如何使用jQuery或纯JavaScript计算选定的文件？
2. 我怎么能限制文件选择,比方说10,因为现在它是无限的？

Answer 1

如果input type file值与key array一样存储.filesname

$('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");
    }
});

小提琴示例:http://jsfiddle.net/nze2B/3/

Answer 2

纯 JavaScript：

document.getElementById("my_id").addEventListener("change", function() {
    console.log(this.files.length);
});