Jquery File Upload envio de forms simultâneos
Olá, estou tentando executar dois formulários em que cada um faz um upload de um arquivo, usando Jquery File Upload. Depois de verificar que todos os campos da pagina foram preenchidos ele executa os dois form, mas o problema é que quando executo os dois não funciona ou só um pega, e quando testo separado da tudo certo.
Segue o codigo:
Estou usando o input url_file_upload para alterar a pasta destino do upload.
Segue o codigo:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
</head>
<body>
<style type="text/css">
.bar {
height: 18px;
background: green;
}
.hide {
display: none;
}
</style>
<form id="fileupload" method="post" action="arquivo/" enctype="multipart/form-data">
<input type="file">
<input type="hidden" name="url_file_upload" value="pedidos/">
<div id="progress">
<div class="bar" style="width: 0%;"></div>
</div>
</form>
<a id="btn_submit" class="">submit 1</a>
<form id="fileupload2" method="post" action="arquivo/" enctype="multipart/form-data">
<input type="file">
<input type="hidden" name="url_file_upload" value="spc/">
<div id="progress">
<div class="bar" style="width: 0%;"></div>
</div>
</form>
<a id="btn_submit2" class="">submit 2</a>
<a id="btn_submit_tt" class="hide">Submit</a>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script>
$(document).ready(function () {
$(''''#btn_submit_tt'''').click(function(){
$(''''#btn_submit'''').click();
$(''''#btn_submit2'''').click();
});
$(''''#fileupload'''').fileupload({
dataType: ''''json'''',
type: ''''post'''',
add: function (e, data) {
// usar o .off para não duplicar o upload
$("#btn_submit").off(''''click'''').on(''''click'''', function () {
data.submit();
});
},
done: function (e, data) {
//console.log(data);
alert(''''sucesso'''');
}
});
$(''''#fileupload2'''').fileupload({
dataType: ''''json'''',
type: ''''post'''',
add: function (e, data) {
// usar o .off para não duplicar o upload
$("#btn_submit2").off(''''click'''').on(''''click'''', function () {
data.submit();
});
},
done: function (e, data) {
//console.log(data);
alert(''''sucesso'''');
}
});
});
</script>
</body>
</html>Estou usando o input url_file_upload para alterar a pasta destino do upload.
Lucas
Curtidas 0