Jquery File Upload envio de forms simult�neos

13/06/2019

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:

<!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

Curtir t�pico + 0

Responder