html - 一度に最大 10 個のファイルをアップロードするようにユーザーを制限するにはどうすればよいですか?

Question

<input type="file" multiple="multiple">ファイルをアップロードするために自分のWebページで使用しています（を使用ajaxupload）。ユーザーは一度に複数のファイルをアップロードできます。しかし、ユーザーが一度に選択できるファイルは 10 個までに制限したいと考えています。

どうすればこれを達成できますか？

Answer 1

<input id="files" type="file" name="files[]" multiple="multiple" onchange="checkFiles(this.files)">

function checkFiles(files) {       
    if(files.length>10) {
        alert("length exceeded; files have been truncated");

        let list = new DataTransfer;
        for(let i=0; i<10; i++)
           list.items.add(files[i]) 

        document.getElementById('files').files = list.files
    }       
}

この機能では、10 個を超えるファイルを選択できません。