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