Для установки фильтра в поле загрузки файла необходимо добавить атрибут accept. Атрибут "accept" (от англ. "accept" - "признавать, допускать") указывает (через запятую) список типов файлов, которые можно отправлять на сервер.

Пример использования атрибута accept:

<input type="file" name="img" accept="MIME-тип">

Для примера установим фильтр для загрузки файлов с расширением .jpeg, .jpg:

<input type="file" name="img" accept="image/jpeg">

Установим фильтр для загрузки изображений с расширением .jpeg, .jpg, .png, .gif:

<input type="file" name="img" accept="image/jpeg,image/png,image/gif">

Еще один пример, установим фильтр для загрузки любых изображений:

<input type="file" name="img" accept="image/*">

Часто используемые значения атрибута accept

Изображение

Тип Значение параметра accept Расширение
* image/* все типы изображений
jpeg image/jpeg .jpeg, .jpg
png image/png .png
gif image/gif .gif
tiff image/tiff .tiff
vnd.adobe.photoshop image/vnd.adobe.photoshop .psd
vnd.microsoft.icon image/vnd.microsoft.icon .ico

Видео

Тип Значение параметра accept Расширение
* video/* все типы видео
avi video/msvideo,video/avi,video/x-msvideo .avi
mp4 video/mp4 .mp4, .mpg4
mpeg video/mpeg .mpeg
3gpp video/3gpp .3gp, .3gpp
ogg video/ogg .ogv

Аудио

Тип Значение параметра accept Расширение
* audio/* все типы аудио
mp4 audio/mp4 .mp4, .mpg4
mp3 audio/mpeg3 .mp3
mpeg audio/mpeg .mp1, .mp2, .mp3
ogg audio/ogg .oga, .ogg, .spx

Другое

Тип Значение параметра accept Расширение
zip application/zip .zip
rar application/x-rar-compressed .rar
gzip application/gzip .gz
7-Zip application/x-7z-compressed .7z
pdf application/pdf .pdf
doc application/msword .doc
rtf application/rtf .rtf
xls application/vnd.ms-excel .xls
pdf application/pdf .pdf
swf application/x-shockwave-flash .swf
sql application/sql .sql
javascript application/javascript .js
css text/css .css
html text/html .html, .htm, .shtml
txt text/plain .txt
xml text/xml .xml
csv text/csv .csv