blueimp jQuery-File-Upload without ajax

Question

I really love the client side processing of selecting a file and having a preview with the option to cancel or delete.

However i want to upload the page with a form and i don't need to use ajax. I have been fiddling with all the options and i cant find anyway to post to form with the files selected synchronously.

Is it possible to get data.files to post with the form?

Answer 1

You can submit files through a standard form submit using the blueimp jQuery-File-Upload by setting the replaceFileInput option to false.

From the documentation:

By default, the file input field is replaced with a clone after each input field change event. This is required for iframe transport queues and allows change events to be fired for the same file selection, but can be disabled by setting this option to false

Answer 2

Use config replaceFileInput = false;
jQuery('#add_new_product_form').fileupload({
            // Uncomment the following to send cross-domain cookies:
            //xhrFields: {withCredentials: true},
            fileInput: jQuery('#upload-video'),
            replaceFileInput: false,
            ......
})

And controller you will get $_FILES to get video data.