Salve ho un form che invia dati e immagini con ajax e mostra la percentuale di caricamento totale con una progress bar .

Sul pc funziona tutto correttamente mentre se eseguo la stessa operazione su un ipad in rete saltuariamente il processo si blocca (sempre a percentuali diverse) e rimane fermo lì i file sono 10 e poco più di un mega ciascuno.

Cosa posso indagare per capire quale è il problema ?

Come posso controllare se è bloccato e farlo ripartire

il codice per l'invio è il seguente :

codice:



        var request = new XMLHttpRequest();


        request.upload.addEventListener('progress', function (e) {


            var fileSizeTotal =0;


            for (var i = 1; i <= 11; i++) {


                //controllo valori




                    
                    if($('#id_class_foto_'+i).val() !=''){


                        fileSizeTotal = fileSizeTotal + $('#id_class_foto_'+i)[0].files[0].size;


                        //console.timeLog('fileSizeTotal : ' + fileSizeTotal);
                    }




            }




            if (e.loaded <= fileSizeTotal) {
                var percent = Math.round(e.loaded / fileSizeTotal * 100);
                //console.log('percent : ' + percent);
                $('#progress_bar_process').width(percent + '%').html(percent + '%');
            } 
            
            if(e.loaded == e.total){
                
                //console.log('caricamento completato')
                $('#progress_bar_process').width(100 + '%').html(100 + '%');
                


                setTimeout(function() {
                  //your code to be executed after 1 second
                  window.location.reload();
                }, 1000);


                


            }
        });   
        
        request.open('post', '<?= base_url('AjaxRequest/post_data_controllo_prodotti_non_contenitori') ?>');
        request.timeout = 45000;
        var risposta=  request.send(formdata);