Upload vetsiho poctu fotek do API pomoci jQery

Ahoj, pomoci jQuery uploaduji z administrace fotky na server. Jeste se pomoci canvasu dela prvotni zmenseni a komprimace, ale problem je v rychlosti. Pokud nahraju naraz treba 5 fotek, je to rychlovka a frci to.Problem je pri vetsim poctu fotek - tusim v tom, ze mi cyklus bezi hned na zacatku a dle konzole prohlizece to udelat okamzite pozadavky na API. Potrebuji ten cyklus nejak prerusit. To znamena, ze nejde na dalsi fotku, pokud tu prvotni jeste nenahral. Neco jsem zkousel, ale bezi mi to porad dal. Nize kod, kde jsou nejdulezitejsi casti. var files = document.getElementById('order_images').files; $.each(files, function(i, file) { console.log(file); $size = files<span style="font-style:italic;">.size / 1024 if ($size <= max_size) { var unique_id = Math.random().toString(36).substr(2, 9); var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { const imgElement = document.createElement('img'); imgElement.src = e.target.result; imgElement.onload = function(e) { const canvas = document.createElement('canvas'); const MAX_WIDTH = 1200; const scaleSize = MAX_WIDTH / e.target.width; canvas.width = MAX_WIDTH; canvas.height = e.target.height * scaleSize; const ctx = canvas.getContext('2d'); ctx.drawImage(e.target, 0, 0, canvas.width, canvas.height); const srcEncoded = ctx.canvas.toDataURL('image/jpeg'); $upload_image = '<div class="gallery-photo-wrapper" id="upload-order-image_' + unique_id + '"><a href="' + srcEncoded + '" data-lightbox="zakazka_id' + order_id + '"><img src="' + srcEncoded + '"></a></div>'; $component_uploaded_images.append($upload_image); var block = srcEncoded.split(";"); var contentType = block.split(":"); var realData = block.split(","); var blob = b64toBlob(realData, 'image/jpeg'); var new_file = new File(, "uploaded_photo.jpg", {type: 'image/jpeg'}); data.append('file', new_file); $.ajax({ url: api_module_orders + '/' + order_id + '/upload_app', type: 'POST', headers: { 'Accept':'application/json', 'Access-Token':api_access_token, 'Authorization':'Bearer ' + api_bearer_token, }, data: data, contentType: false, processData: false, async: true, success: function(response) { try { if (response.code === 201) { //zde bych to prave videl na nutne povoleni pokracovani kodu dle predchoziho preruseni } } catch (error) { console.log('chyba'); } }, error: function(error) { console.log('chyba'); } }); } } } });Zkratka kdyz nahravam 15 fotek, tak mi to zalozi behem sekundy 15 ajaxovych pozadavku do API, ktere jsou pending. A ja to potrebuju udelat nejak postupne... A nebo pak musim omezit pocet nahravanych souboru.

jquery ajax seqential uploading - Hledat Googlem

Pomuze tohle? https://github.com/blueimp/jQuery-File-UploadChunked uploads:Large files can be uploaded in smaller chunks with browsers supporting the Blob API.