Using Dropzone js but can't submit form and upload at once

Question

This seems to be a common task but I can't find the answer anywhere.

I want to be able to drag and drop files to the site, along with other input form elements. Once submitted, the files are uploaded, then once finished the rest of the form is uploaded.

    Dropzone.options.myAwesomeDropzone = { 

    autoProcessQueue: false,
    url: '../upload_invoice_pdf',
    previewsContainer: ".dropzone-previews",
    uploadMultiple: true,
    parallelUploads: 100,
    maxFiles: 100,

    // The setting up of the dropzone
    init: function() {
        var myDropzone = this;

        // First change the button to actually tell Dropzone to process the queue.
        $("input[type=submit]").click(function(e){ 
            e.preventDefault();
            myDropzone.processQueue();
        });

        this.on("successmultiple", function(files, response) {
          // Gets triggered when the files have successfully been sent.
          // Redirect user or notify of success.    
        //$("input[type=submit]").unbind("click");
            $("form#invoiceForm").submit();//submit();

        });

    }

}

So that's the code. It's uploading the files ok but when it gets to the success handler I want it to submit the rest of the form. The e.preventDefault() is what's stopping it, but I have tried unbinding, different events, firing twice, everything.

Thanks

JamesG · Accepted Answer · 2014-03-26 10:25:29Z

1

DONE IT!!!!

Apparently you cant have the name "submit" for the submit button, WHAT THE FRACK!

answered Mar 26, 2014 at 10:25

JamesG

2,0182 gold badges29 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

wayne Over a year ago

you change input type from submit to button?

JamesG Over a year ago

No, just the name of the button. is now <input type="submit" name="submitIT"> name used to be submit but that was the problem

Collectives™ on Stack Overflow

Using Dropzone js but can't submit form and upload at once

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related