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

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;
    }       
}