Como resetar o input file com JavaScript

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

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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!