2

Всем здравствуйте :)
Подскажите как можно сделать валидацию input[type=file] при помощи jquery

2 ответа 2

8

Если собрались проверять расширение загружаемого файла, то можно так, плюс живой пример:

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?!');
    }
});
3
  • ой да. «s» лишнее было. Вот есть форма отправки файла и кнопка. И если юзер не выбрал файл, но нажал на кнопку, то пусть ему JS сообщит, что файл не выбран.
    – blogaster
    28 апр 2012 в 15:16
  • Подскажите, пожалуйста, а как быть, когда у нас у input[type=file] стоит multiple="true", т.е. загружается сразу несколько изображений? Нашла примерное решение здесь web-lucas.ru/php/multiple_file_uploader
    – Asy
    10 июл 2014 в 5:56
  • 1
    задайте вопрос, только полностью описывающий вашу проблему.
    – zb'
    10 июл 2014 в 5:58
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
};
1
  • Атрибут accept не запрещает пользователю выбирать файлы другого формата, он лишь устанавливает фильтр, а в новом FF вообще по умолчанию выбор всех файлов.
    – Asy
    10 июл 2014 в 7:09

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.