Problem with functions and loop for

Question

Problem with functions and loop for

Navigation

#1 by (2 votes)

2

I can not effectively do that while executing the readSuccessB(evt,file) function, pause the loop and resume right after finishing that function.

I have tried callbacks creating variables so that if it is running do not call the function readSuccessA , but by then, the value i already adds 1 and can not execute that function. I tried subtracting 1 to i , but I created a infinite loop .

My code:

function openFiles(evt){

    var files =$(evt)[0].files;

    function anadir_archivo(evt){
      var total_subidas=files.length;

      for (var i = 0; i < total_subidas; i++) {

        var file=files[i];

        reader = new FileReader();

        if(total_subidas==1||i+1==total_subidas){
          reader.onload = readSuccessA(evt,file);
        }else{
          reader.onload = readSuccessB(evt,file);         
        }

        function readSuccessA(evt,file) {
          return function(e){
            $('fieldset.subir_imagen>legend+div+label+div+input[type=file]').appendTo($(evt).prev().prev().prev('div').append('<div title="'+file.name+'"><img src="'+e.target.result+'" alt="No se pudo cargar" /><div>'+file.name+'</div></div>').children()).attr({'id':'','onchange':''});
          }
        }
        function readSuccessB(evt,file) {
          return function(e){
            $(evt).prev().prev().prev('div').append('<div title="'+file.name+'"><img src="'+e.target.result+'" alt="No se pudo cargar" /><div>'+file.name+'</div></div>');
          }
        }
        reader.readAsDataURL(evt.files[i]);
    }
}

javascript loops funciones

asked by Jonatan 31.12.2017 в 03:43

source

1 answer

debugging of SQL queries in PHP (var_dump and debugDumpParams) Create a table from a foreach loop with order

score 2 · Accepted Answer

What you can do is take the counter of the file to be processed in an external variable and call in the callback of the event onLoad ( readSuccessA or readSuccessB ) the function to read the next file.

Something like this:

function openFiles(evt){
    var files =$(evt)[0].files;

    function anadir_archivo(evt){
        var total_subidas=files.length;
        var i = 0;

        leerActual();

        function leerActual(){
            // Ya se han procesado todos
            if (i >= files.length) return;

            var file=files[i];

            reader = new FileReader();

            if(total_subidas == 1 || i + 1 == total_subidas){
              reader.onload = readSuccessA(evt,file);
            }else{
              reader.onload = readSuccessB(evt,file);         
            }

            reader.readAsDataURL(evt.files[i]);
            // Aumenta el contador
            i++;
        }

        function readSuccessA(evt,file) {
          return function(e){
            $('fieldset.subir_imagen>legend+div+label+div+input[type=file]').appendTo($(evt).prev().prev().prev('div').append('<div title="'+file.name+'"><img src="'+e.target.result+'" alt="No se pudo cargar" /><div>'+file.name+'</div></div>').children()).attr({'id':'','onchange':''});
            // Procesar el siguiente fichero
            leerActual();
          }
        }
        function readSuccessB(evt,file) {
          return function(e){
            $(evt).prev().prev().prev('div').append('<div title="'+file.name+'"><img src="'+e.target.result+'" alt="No se pudo cargar" /><div>'+file.name+'</div></div>');
            // Procesar el siguiente fichero
            leerActual();
          }
        }
    }
}