Как в JS предотвратить загрузку файла в поле типа input[type="file"]?

Question

[Дмитрий Носиков]

Добрый день! Подскажите пожалуйста, стояла задача сделать валидацию поля типа Файл на наличие запрещенных расширений и, если пользователь пытается таковые загрузить, загрузку эту прервать.

Валидацию, проверку и прочее я сделал, вопрос в чем: Можно ли как то перехватить загрузку файла, перед его непосредственным попаданием в инпут?
Если расширение подходит - без проблем, файл прикрепляется и дальше можем отправлять форму, если нет - выводим соответствующий эксепшен и загрузку файла прерываем. Пробовал и return false, и e.preventDefault(), все одно. Файл все равно попадает в инпут

Comments

[Сергей delphinpro]

Почему не взять готовый валидатор? Например этот www.formvalidator.net/#file-validators

[Дмитрий Носиков]

Сергей: Спасибо за ответ) Уже решил задачу, буквально через пол минуты после написания данного вопроса)

[xmoonlight]

Дмитрий Носиков: а озвучьте решение (если возможно). Спасибо.

[Дмитрий Носиков]

xmoonlight: Так как я использую обработчик события на изменение инпута, то сделал вот так:

$('.file-input input[type="file"]').on('change', function(){
var $this = $(this),
fileName = $this.files[0].name;
if(!checkFileExt(fileName)) $this.val('');
});

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

[xmoonlight]

Дмитрий Носиков: ну да, более чем корректно! Спасибо.

[Дмитрий Носиков]

xmoonlight: Пожалуйста))

Answer 1

[Дмитрий Pacification]

А вариант делать кнопку "Загрузить" не активной, если не прошла валидация, не подходит?
Насколько я понимаю такая проверка делается на сервере.

Comments

[Дмитрий Носиков]

Эта проверка делается JS-ом, путем получения массива файлов из инпута)