Возможный дубликат:
Ограничить формат файла при использовании < input type= "file" > ?
Мне нужно использовать атрибут HTML5 pattern, чтобы разрешать только файлы JPG, GIF и PNG в элементе <input type="file">.
В настоящее время у меня есть этот шаблон, но он не работает:
<input type="file" class="input-file" id="tbinstUploadFile0" name="tbinstUploadFile0" placeholder="Please insert an image file..." pattern="([^\s]+(\.(?i)(jpg|png|gif|bmp))$)">
Этот шаблон регулярного выражения несовместим с HTML5? Как проверить тестовые шаблоны регулярных выражений HTML5?
С наилучшими пожеланиями,
Попробуйте что-нибудь вроде
<input type="file" name="my-image" id="image" accept="image/gif, image/jpeg, image/png" />
Нажмите здесь для последней таблицы совместимости браузера
Демо-версия здесь
Чтобы выбрать только файлы изображений, вы можете использовать этот accept="image/*"
<input type="file" name="my-image" id="image" accept="image/*" />
Демо-версия здесь
Отобразятся только gif, jpg и png, захват экрана из версии Chrome версии 44