Skip to main content
adicionou 148 caracteres ao conteúdo
Fonte Link
JeanExtreme002
  • 6,3mil
  • 3
  • 26
  • 63

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>

A ideia é fazer a mesma coisa de enviar um vídeo para o youtube. Após clicar no botão, o usuário seleciona o arquivo e a página envia o formulário. Como posso fazer isso com JavaScript puro ?

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 ?

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>

A ideia é fazer a mesma coisa de enviar um vídeo para o youtube. Após clicar no botão, o usuário seleciona o arquivo e a página envia o formulário. Como posso fazer isso com JavaScript puro ?

Fonte Link
JeanExtreme002
  • 6,3mil
  • 3
  • 26
  • 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 ?