Publicado em 6 de out.

Problema com uploadify e botão submit

Pessoal, consegui instalar o uploadify, tudo certo.

Mas quero que, quando eu aperte para fazer o upload das fotos, ele também submeta um formulário.

Por isso, usei o seguinte código:

<script type="text/javascript">
 $("#123").click( function() {
 $('#file_upload').uploadify('upload')});
</script>
<script type="text/javascript" src="/litigium/js/jquery.js"></script><script type="text/javascript" src="/litigium/js/jquery.uploadify.min.js"></script><script type="text/javascript">
$(function() {
 $('#file_upload').uploadify({
 'buttonText' : "Anexar Arquivos",
 'uploader' : "/litigium/solicitations/up",
 'swf' : "/litigium/files/uploadify.swf",
 'cancelImg' : "/litigium/img/cancel.png",
 'debug' : true,
 'auto' : false
 });
});

sendo que "#123" é a ID do meu submit button.

Quando tento desta maneira, no uploadify, ele aparece um erro: IO ERROR.

Algúem sabe o que pode ser?

obrigado

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Júlio Santos· 6 de out.

Cara, já fiz isso usando o uploadify e enviando dados de um formulário, mas foi fazendo uso do 'onQueueComplete': function() {} do próprio uploadify

http://www.uploadify.com/documentation/uploadify/onqueuecomplete/

Ahh .. tire essa } solta na 3ª linha do seu script.

polloooo· 6 de out.

>
Cara, já fiz isso usando o uploadify e enviando dados de um formulário, mas foi fazendo uso do 'onQueueComplete': function() {} do próprio uploadify

http://www.uploadify.com/documentation/uploadify/onqueuecomplete/

Ahh .. tire essa } solta na 3ª linha do seu script.

Obrigado pela resposta.

Então eu teria que chamar a action do form via JS, é isso?

Não sei muito de js, como faço isso?

Júlio Santos· 8 de out.

Então cara, eu estou te dando um exemplo de acordo com o que faço, ok

Eu costumo usar o próprio botão do uploadify como submit, caso seja obrigatório o anexo de algum arquivo. Aí neste caso ficaria assim:

$(function() {
 $('#file_upload').uploadify({
 'buttonText' : "Anexar Arquivos",
 'uploader' : "/litigium/solicitations/up",
 'swf' : "/litigium/files/uploadify.swf",
 'cancelImg' : "/litigium/img/cancel.png",
 'debug' : true,
 'auto' : false
 'onQueueComplete' : function(queueData) {
 // Aqui você vai buscar os dados preenchidos no seu formulario, com serialize() por exemplo
 // E vai passar essas informações atraves de um ajax() pro seu script de back-end
 }
 });
});

Nesse modo ele envia o arquivo e depois vai pra sua requisção back-end pra gravar os dados.

Outra alternativa, caso queira fazer tudo na mesma hora, basta você usar o onUploadStart : function(file) {}. Lá na documentação do plugin ensina como usá-lo.