限制文件輸入中的文件選擇數量

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