Can't resubmit if autoProcessQueue is false and ajax request has failed

[G33kLabs]

Hi !

Actually, I use dropzone like the tutorial in wiki's pages : https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone

With that method, form inputs and attachment are uploaded in one POST multipart request, so great !
But the problem with that method is when server's validation failed, reclicking on submit doesn't post again the form.

This is because on error, file.status is not updated to Dropzone.QUEUED.

So I fix that with this code :

view.dropzone = new Dropzone(form[0], {
    ...
    autoProcessQueue: false,
    uploadMultiple: false,
    parallelUploads: 100,
    maxFiles: 1,
    thumbnailWidth: 300,
    thumbnailHeight: null,
    previewsContainer: inputPreview[0],
    clickable: inputClick[0],
    acceptedFiles: 'image/*',
    ...
    error: function(file, errorMessage, xhr) {

        // Trigger an error on submit
        view.onSubmitComplete({
            file: file,
            xhr: xhr
        });

        // Allow file to be reuploaded !
        file.status = Dropzone.QUEUED;
        // this.cancelUpload(file);
        // this.disable();
        // this.uploadFile(file);

    }
});

[jacek213]

thanks, saved me a lot of digging :)

[mada41]

many thanks guys! , you save my night 👍

[mahe020]

Lot Thanks buddy.....

[martin-brennan-csnet]

Thanks so much!

[hardy2defy]

thank you

[jogeshpi03]

thank works great. 👍

[tklaas]

Thanks for saving me hours for that 👍

[mreduar]

This doesn't work for me when the server has an error 500. Does anyone know why?

[fferoz]

I was facing the same issue and get resolved by using the fix file.status = Dropzone.QUEUED;
Thanks @G33kLabs