Aceitar apenas imagens no Input File

O atributo accept especifica um filtro para quais tipos de arquivo o usuário pode selecionar na caixa de diálogo de entrada de arquivo (apenas para type = "file").


Exemplo:

Selecionar imagens 'png':


Código:


<!-- aceita todo formato de imagem -->
<input type="file" name="myImage" accept="image/*" />

<!-- aceita formatos especificos -->
<input type="file" name="myImage2" accept="image/x-png, image/jpeg" />

NOTA: nos testes não bloqueou a seleção de outros arquivos, apenas veio com a extensão do arquivo 'permitido' selecionada como padrão.

LEMBRE-SE: Valide sempre o arquivo no servidor.


Para saber mais acesse:

https://www.w3schools.com/tags/att_input_accept.asp