Всем здравствуйте :)
Подскажите как можно сделать валидацию input[type=file] при помощи jquery
2 ответа
Если собрались проверять расширение загружаемого файла, то можно так, плюс живой пример:
var filesExt = ['jpg', 'gif', 'png']; // массив расширений
$('input[type=file]').change(function(){
var parts = $(this).val().split('.');
if(filesExt.join().search(parts[parts.length - 1]) != -1){
alert('Good!');
} else {
alert('WTF?!');
}
});
-
ой да. «s» лишнее было. Вот есть форма отправки файла и кнопка. И если юзер не выбрал файл, но нажал на кнопку, то пусть ему JS сообщит, что файл не выбран. 28 апр 2012 в 15:16
-
Подскажите, пожалуйста, а как быть, когда у нас у input[type=file] стоит multiple="true", т.е. загружается сразу несколько изображений? Нашла примерное решение здесь web-lucas.ru/php/multiple_file_uploader– Asy10 июл 2014 в 5:56
-
1
Для html5 есть атрибут accept.
А для старых браузеров через JS:
var R_ACCEPT_IMAGE = /\.(gif|jpe?g|tiff?|png|bmp)$/i;
var input = ducoment.getElementById('files');
input.onchange = function () {
var status = R_ACCEPT_IMAGE.test(input.value);
console.log(status); // true или false
};
-
Атрибут accept не запрещает пользователю выбирать файлы другого формата, он лишь устанавливает фильтр, а в новом FF вообще по умолчанию выбор всех файлов.– Asy10 июл 2014 в 7:09