Skip to main content
1 de 2
JeanExtreme002
  • 6,3mil
  • 3
  • 27
  • 63

Como abrir janela para selecionar arquivo após apertar no botão de Submit?

Estou criando uma aplicação e preciso que o cliente envie em um <form> um arquivo para o servidor.

Na minha página HTML eu possuo dois botões, download e upload, e eu gostaria de fazer com que o cliente selecionasse o arquivo a ser enviado somente quando clicar no botão de upload. Exemplo:

document.getElementsByTagName("form")[0].onsubmit = function() {
    // Pede para o usuário selecionar o arquivo e depois prossegue
    // com a requisição ao servidor.
}
<form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="fileUploaded" hidden="true"/>
    <input type="submit" value="Enviar arquivo"/>
</form>

Como posso fazer isso com JavaScript puro ?

JeanExtreme002
  • 6,3mil
  • 3
  • 27
  • 63