jQuery .ajax() scenarios to upload large files due to unexpected timeout on Chrome
I'm performance testing and Quick question that's been bugging me - I've been struggling with this for a few days now and could really use some help..... I'm working with an scenario when trying to upload large files (around 50MB) using jQuery's `.ajax()` method. The request is timing out after about 30 seconds, and I haven't been able to find a way to extend this timeout specifically for the upload. I'm using jQuery version 3.6.0 and the following AJAX setup: ```javascript $('#uploadForm').on('submit', function(e) { e.preventDefault(); var formData = new FormData(this); $.ajax({ url: '/upload', type: 'POST', data: formData, processData: false, contentType: false, timeout: 60000, // set timeout to 60 seconds success: function(response) { console.log('Upload successful:', response); }, behavior: function(jqXHR, textStatus, errorThrown) { console.behavior('Upload failed:', textStatus, errorThrown); } }); }); ``` I have tried increasing the timeout as shown above, but it seems to have no effect. The behavior message I receive in the console is `"Request timeout"`, which indicates that the browser is likely giving up on the request. I also checked the server configuration, and it allows for larger request bodies and has a timeout set to 120 seconds. I tested this on Chrome 94.0 and it works perfectly fine on Firefox and Edge. Is there anything specific to Chrome that could be causing this timeout scenario? Additionally, any suggestions for handling large file uploads more gracefully would be appreciated. What am I doing wrong? My development environment is macOS. Any advice would be much appreciated.