Downloading files using jQuery with jquery.fileupload.js does not work in Firefox over SSL

Question

We currently have customization using FakeS3 and Fog / Carrierwave. In the interface, we have a jQuery (by blueimp) file loaded, which makes a heavy lift for us, then it is picked up by our controller and managed on the server.

We use tunnels and pow. The tunnels are forwarded to port 443, so all traffic is encrypted, including download and upload. ( https://hostname.dev )

When downloading using Chrome and Safari, the download is successful and the files are created in the fixed folder for FakeS3. When trying to use Firefox for this, we have no response from the server. Searching through jqXHR you will find an error: "The loaded bytes exceed the file size" - I suspect that this is due to the fact that he could not connect via $ .ajax, and jquery.file-upload.js only report this error.

We spent a lot of time trying to figure this out, and we need to get this to work for Firefox.

Anyone else run into this issue?

I am currently running this here too: https://support.mozilla.org/en-US/questions/1040080

Answer 1

This is how I upload ajax images via SSL (using Firefox or another browser):

$('.myForm').on('submit', (function(e) { var formData = new FormData(this); $.ajax({ type: 'POST', url: url, data: formData, cache: false, contentType: false, processData: false, success: function(data) { // do something... }, error: function(data) { // oops... } }); });