Neste artigo você vai aprender a como resetar o input file com JavaScript, utilizando apenas uma linha de código!
Fala programador(a), beleza? Bora aprender mais sobre inputs e JavaScript!
Para removermos o item que está no campo de file com JS vamos precisar primeiramente selecionar o elemento
Podemos fazer isso com métodos com querySelector
Após a seleção vamos atribuir um valor de vazio a propriedade value, que é onde os valores de todos os input estão
Isso é o suficiente para resolver nosso problema!
Veja um exemplo de código do que foi explicado acima:
const fileInput = document.querySelector("#image")
fileInput.value = ""
Na primeira linha temos a seleção do elemento, que no neste caso tem um id de image
Então você precisa alterar para o que corresponde ao seu elemento
Depois resetamos o valor atribuindo uma string vazia, e isso faz com o que o file input fique em branco!
Conclusão
Neste artigo você aprendeu a resetar o input file com JavaScript
Realizamos isso com apenas uma linha, após o elemento selecionado
É necessário apenas limpar a propriedade value do elemento
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologiasO link acima contém um cupom de desconto para os cursos!