accept HTML атрибут - дозволені формати файлів

Атрибут accept визначає типи файлів, які користувач може вибрати у діалоговому вікні вибору файлу.

Атрибут accept використовується лише для елементів <input type="file">.

Атрибут accept є лише підказкою для браузера і не замінює валідацію файлів на стороні сервера. Користувачі все ще можуть завантажити файли інших типів.

HTML
<input type="file" accept="file_extension,audio/*,video/*,image/*,media_type">

Значення

Значенням атрибута є рядок, що містить одне або декілька значень, розділених комою. Можливі значення:

.розширення_файлу

Файл із вказаним розширенням (наприклад, .jpg, .pdf).

audio/*

Будь-який аудіофайл.

video/*

Будь-який відеофайл.

image/*

Будь-який файл зображення.

MIME-тип

Валідний MIME-тип (наприклад, image/png, application/json).

Приклади використання

Результат
<form>
  <label for="image-upload">Вибрати зображення (лише .png, .jpeg):</label><br>
  <input type="file" id="image-upload" name="image-upload" accept=".png, .jpeg"><br><br>

  <label for="any-image">Вибрати будь-яке зображення:</label><br>
  <input type="file" id="any-image" name="any-image" accept="image/*"><br><br>

  <label for="audio-upload">Вибрати аудіофайл:</label><br>
  <input type="file" id="audio-upload" name="audio-upload" accept="audio/*">
</form>

Підтримка браузерів

accept

Останнє оновлення: