4

Tenho um formulário e dentro deste form tenho um input do tipo file.

<form id="formulario" method="post" action="upload.php">
  <input id="imagem" name="imagem" type="file" class="da-custom-file customfile-input" >
</form> 

e no jQuery estou tentou tentando dar o submit no formulário:

$('#imagem').live('change',function(){

  $('#formulario').submit(function(){
    alert('teste');
  });                   
});

So que o submit não funciona. No caso ele não da o alert() com a mensagem teste.

Alguém tem ideia do que eu possa estar fazendo de errado?

1 Resposta 1

10

Quase lá, mas precisas separar o código:

  1. Tens que anexar o alert() ao submit do formulário;
  2. No evento que escuta a alteração do input, deverás disparar o envio do formulário.

Exemplo no JSFiddle

// ao alterar o elemento #imagem
$('#imagem').on('change',function(){ 
   $('#formulario').submit();
});

// ao submeter o formulário #formulario
$('#formulario').submit(function(){
    alert('teste');
});

Troquei o .live() por .on() porque nas versões recentes de jQuery a recomendação é o uso do .on().

Nota:
Um formulário com upload de ficheiros deverá conter o atributo enctype:

enctype="multipart/form-data"

Ficando:

<form id="formulario" method="post" action="upload.php" enctype="multipart/form-data">
...
</form>

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 .