как проверить выбор файла в input[file]

199
20 декабря 2018, 17:30

нужно что бы когда файл уже выбрали изменялся label, как проверять на выбор файла в js?

Answer 1

У input[file] есть свойство files где хранятся все файлы, можете проверить его длину.

<form enctype="multipart/form-data"> 
   <h1 id="title">Выберите файлы</h1> 
   <input type="file" name="file" multiple> 
</form> 
 
<script> 
  const form = document.forms[0]; 
  const file = form.file; 
  const title = document.getElementById('title'); 
  
  file.addEventListener('change', event => { 
    if (file.files.length > 0) { 
        title.textContent = `Выбрано: ${file.files.length}`; 
     } 
  }); 
</script>

READ ALSO
Написать метод/функцию, который на вход принимает массив городов, выводит их через запятую, в конце ставит точку

Написать метод/функцию, который на вход принимает массив городов, выводит их через запятую, в конце ставит точку

Написать метод/функцию, который на вход принимает массив городов, выводит их через запятую, в конце ставит точкуПример: «Севастополь, Москва,...

290
Поиск DOM элементов сверху

Поиск DOM элементов сверху

У меня есть таблица:

186
Выполнение долгих скриптов node

Выполнение долгих скриптов node

Есть код который пишет в базу, использую async/awaitЗапуск кода выполняется из браузера по ссылке

198
Считывание текста в textarea

Считывание текста в textarea

Вообщем, народ, у меня есть такая проблема: если в поле textarea вводят слово "чек/чеки" c любым регистром и суммы (каждая в новой строке), например:

235