Пример
Укажите, какие типы файлов пользователь может выбирать в диалоговом окне выбора файла:
<form action="/action_page.php">
<label for="img">Выберите изображение:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
Попробуйте сами »
Определение и использование
Атрибут accept задает фильтр для типов файлов, которые пользователь может выбрать в диалоговом окне выбора файла.
Примечание: Атрибут accept можно использовать только с
<input type="file">.
Совет: Не используйте этот атрибут как инструмент валидации. Загружаемые файлы должны проверяться на сервере.
Поддержка браузерами
Числа в таблице указывают первую версию браузера, полностью поддерживающую атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
Синтаксис
<input accept="file_extension|audio/*|video/*|image/*|media_type">
Совет: Чтобы указать несколько значений, разделяйте их запятыми (например: <input accept="audio/*,video/*,image/*" />.
Значения атрибута
| Значение | Описание |
|---|---|
| file_extension | Указывает расширение файла (например: .gif, .jpg, .png, .doc), которое пользователь может выбрать |
| audio/* | Пользователь может выбрать все аудиофайлы |
| video/* | Пользователь может выбрать все видеофайлы |
| image/* | Пользователь может выбрать все файлы изображений |
| media_type | Допустимый тип медиа без параметров. Посмотрите полный список стандартных типов медиа на IANA Media Types |