0

Tenho um formulário com um input file, e o que quero fazer é o seguinte.

inserir a descrição da imagem aqui

Quando eu escolher um arquivo e apertar "ABRIR" preciso que meu formulário seja enviado ao clicar em "ABRIR".

Meu form.

<form class="form5" method="POST" enctype="multipart/form-data">
    <input type="file" name="Foto_us_sn_user" value="" style="display: none;">
    <input id="Bot_trocar_img_perf" type="submit" name="Trocar_foto_us_botao" value="Trocar">
</form>

<script>
    $('img.img_perfil_trocar').click(() => {
        $('[name="Foto_us_sn_user"]').click();
    })
</script>
3
  • 1
    Dá um submit no formato quando o input do arquivo mudar Commented 11/03/2018 às 16:15
  • 1
    $('input').on('change', function(){$('form').submit()}) Commented 11/03/2018 às 16:17
  • Funcionou, se quiser colocar como resposta pra mim marcar só colocar lá.
    – EDGNoizy
    Commented 11/03/2018 às 16:45

1 Resposta 1

2

Com JQuery pode fazer como o Edson mencionou nos comentarios:

$('input').on('change', function(){
    $('form').submit()
})

E com JavaScript puro:

document.getElementById('input').addEventListener('change', function() {
    document.getElementById('form').submit()
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .