Валидация имени загружаемого файла

92
21 декабря 2021, 00:20

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

<input type="file" name="filenames" required pattern="[a-z][1-15][A-Z]" ><br>

Пытался таким образом, но насколько понимаю это работает только для поля типа text.

Answer 1

Если Вам необходимо получить доступ к имени файла, то нужно использовать свойство files элемента input[type=file], которое имеет тип FileList и содержит экземпляры File:

document.getElementById('upload').addEventListener('change', function(e){ 
  for(var i = 0; i < this.files.length; i++) { 
    console.log(this.files[i]); 
  } 
});
<input type="file" id="upload" name="upload" multiple />

P.S. Но почему бы не фильтровать это всё на стороне сервера?

Ссылке по теме

  • Input[type=file]
  • FileList
  • File
READ ALSO
Код счетчика Метрики - в переменную. Возможно ли?
javascript

Код счетчика Метрики - в переменную. Возможно ли?

Я хочу отложить загрузку счетчика Метрики до момента, когда пользователь начнет скроллить страницу

 160
Как можно передать значения из Javabeans в JS
javascript

Как можно передать значения из Javabeans в JS

Есть код верстки страницы на JSF и в том числе форма,данные заполнения которой отправляются в JavaBeansКак можно потом их получить в JS?

 90
Всплывающее окно на jQuery и Bootstrap
javascript

Всплывающее окно на jQuery и Bootstrap

Верстаю пробный сайт на bootstrap, хочется поместить туда всплывающее окно при возникновении ошибокНашел много советов по подключению библиотек...

 159
Как сделать валидацию полей input
javascript

Как сделать валидацию полей input

Создаю таблицу при помощи jquery в ней есть 3 input, не могу понять как седлать валидацию для input которые идут в один ряд trНужно чтоб когда 3 инпута...

 162