Подтвердить что ты не робот

Как validade в HTML5 разрешать только в 'input type="file"' JPG, GIF или PNG?

Возможный дубликат:
Ограничить формат файла при использовании < 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?

С наилучшими пожеланиями,

4b9b3361

Ответ 1

Попробуйте что-нибудь вроде

<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 Отобразятся только gif, jpg и png, захват экрана из версии Chrome версии 44