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 ?