Btukfyl

function uploadfiles(inputcontrol){ 

   //here the function takes all the files of an input files

   //for each inputcontrol.files[i]

   //createObject(inputcontrol.files[i]);

}



function createObject(files){ 

  //this function creates an object with each one of them the files 

  //are processed and loaded in a web service whit AJAX

}



when(uploadfiles()).then(alert('All files uploaded'));

When I run this script, the alert is displayed immediately and it does not wait for the files to be uploaded correctly. How should I run the $ .when?

I updated your clupload class so it can read the file using the Deferred object, because we can now chain the process of reading the file and then upload it.

I also changed the getBase64 function so it returns the Deferred object, this way we can use the done and fail methods later.

Here is the code:

class clupload {

  constructor(file, Ticket) {

    this.f = file;

    this.t = Ticket;

  }



  readFile () {

    var dfd = $.Deferred();

    var reader = new FileReader();

    reader.onload = function(e) {

      dfd.resolve(e.target.result);

    };

    reader.readAsDataURL(this.f);

    return dfd.promise();

  }



  procesar() {

    var tt = this.t;

    var nombre = this.f.name;

    var user = $('#loginUsrApp').val();

    return this.readFile().then(function (salida) {

      return $.ajax({

        type: "POST",

        url: "WebService.asmx/SubirArchivo",

        data: "{T:'" + tt + "',b64:'" + salida + "',N:'" + nombre + "',U:'" + user + "'}",

        contentType: "application/json; charset=utf-8",

        dataType: "json"

      })

    });

  }

}



function getBase64(f, T) {

  var files = document.querySelector(f).files;

  var uploads = files.map(function (file) {

    var upload = new clupload(file, T);

    return upload.procesar();

  });

  return $.when.apply($, uploads);

}

Now you only have to call it like this:

getBase64('#upload1', r.d).done(function() {

  alert('Guardado');

}).fail(function () {

  alert('Error');

});

This is de last code, I insert the $ .when into getBase64() function, to test, but it still fails... :(

function getBase64(f, T) {

var totalupload = document.querySelector(f).files.length;

var i;

var r = 0;

for (i = 0; i < totalupload; i++) {

    var x = new clupload(document.querySelector(f).files[i], T)

    $.when.apply(x.procesar()).done(function () {r= r + 1 });

}

if (r = totalupload) {

    alert('Guardado');

} else {

    alert('Error');

}



class clupload {



constructor(file, Ticket) {

    this.f = file;

    this.t = Ticket;

}



procesar() {

    var tt = this.t;

    var nombre = this.f.name;

    var salida = "";

    var reader = new FileReader();

    reader.readAsDataURL(this.f);

    reader.onloadend = function () {

        salida = reader.result;

        $.ajax({

            type: "POST",

            url: "WebService.asmx/SubirArchivo",

            data: "{T:'" + tt + "',b64:'" + salida + "',N:'" + nombre + "',U:'" + $('#loginUsrApp').val() + "'}",

            contentType: "application/json; charset=utf-8",

            dataType: "json",

            success: function (r) {

                return true;

            }

        })

    };

}