ограничить число выбранных файлов при вводе файла

Question

Есть ли способ ограничить количество файлов, которые вы можете выбрать, используя входной файл плюс атрибут множественного числа.

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