Com accept
posso setar quais formatos são aceitos.
<input type="file" accept="image/png">
Ele filtra, porém no explorador ainda é possível selecionar todas os arquivos como na foto.
É possível remover essa opção e deixar somente a que quero?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeCom accept
posso setar quais formatos são aceitos.
<input type="file" accept="image/png">
Ele filtra, porém no explorador ainda é possível selecionar todas os arquivos como na foto.
É possível remover essa opção e deixar somente a que quero?
Utilizando apenas HTML Não é possível.
Isso porque janela de pesquisa do arquivo na tag input file
é do Sistema Operacional. O atributo accept
comunica o Sistema Operacional o tipo ou tipos de arquivos aceitos inicialmente, ajudando o usuário a encontrar os arquivos aceitos, mas nada impede que a opção "Todos os arquivos" seja selecionada.
Somente programas sendo executados diretamente no sistema operacional e com permissão para explorar arquivos no computador conseguem fazer esse tipo de limitação conforme pode ver na imagem abaixo:
Se sua aplicação conseguisse se comunicar com alguma outra sendo executada no Sistema Operacional isso seria possível.
A opção utilizada apenas deixa os tipo desejado marcado como padrão. Não é possível remover essa opção (pelo menos até hoje).
Eu creio que a melhor coisa a se fazer no caso de não querer arquivos de determinados tipos é validando através do servidor (usando NodeJS, PHP ou outras linguagens, por exemplo).
É possível apenas setar o padrão de início... que vem marcado, mas se quiser, dá pra mudar a extensão do arquivo na hora de explorar arquivos, assim como está na tua imagem.
Mas dá para receber os arquivos e tratar na hora de cadastrar ou realmente guardar os arquivos, fazer a verificação de extensão