限制文件输入中的文件选择数量

Question

是否有一种方法可以限制您可以使用输入文件加multiple属性选择的文件数。

<input type="file" accept="image/*" multiple/>

我知道一种方法，该方法是在使用onChange事件选择文件后检查文件的长度。虽然这样做有效，但我想防止用户在文件选择对话框阶段选择5个以上的图像文件。

这可能吗？

Answer 1

不幸的是，如果按照W3C中的规定限制输入字段，则无法实现。至少不是没有Javascript。以下方法可以工作，但可能不如您期望的那样好：

<input type="file" onchange="checkFiles(this.files)">

function checkFiles(files) {       
    if(files.length>5) {
        alert("length exceeded");
        files.slice(0,5);
        return false;
    }       
}