Uncaught TypeError: Cannot read property 'complete' of undefined

[maoaiz]

When the server takes longer than the client (timeLimit) but the response is ok (200) the progress.progressTimer('complete'); doesn't work. Its shows:

Uncaught TypeError: Cannot read property 'complete' of undefined

[tnory56]

Sorry to hear that.. Can you give me a code example so I can see what you are talking about?

[maoaiz]

I'm uploading a file via Ajax

function uploadFile(f){
  var progress = $(".loading-progress").progressTimer({
    timeLimit: 30,
    onFinish: function () {
      // alert('completed!');
      $("#filedrag").removeClass('hover');
    }
  });
  var form = $("#uploadFile");
  var file_input = $("#fileselect");
  var fd = {} //some vars...
  var rq = $.ajax({
    url: form.attr("action"),
    type: 'POST',
    data: fd,
    cache: false,
    contentType: false,
    processData: false,
    beforeSend: function  (argument) {
      // .... 
    },
    success: function(data, textStatus, jqXHR){
      file_input.val("");
      if(jqXHR.status === 200){
          // some code....
          progress.progressTimer('complete');
      }
      else{
          console.log('ERRORS: ', data.error);
          progress.progressTimer('error', {
            errorText:'ERROR!',
            onFinish:function(){
              console.log('There was an error processing your information!');
            }
          });
      }
    },
    error: function(jqXHR, textStatus, errorThrown){
      file_input.val("");
      if (jqXHR.status == 500){
        progress.progressTimer('error', {
          errorText:'ERROR!',
          onFinish:function(){
            console.log('Hubo un error');
          }
        });
      }else{
        progress.progressTimer('error', {
          errorText:'ERROR!',
          onFinish:function(){
            console.log('Otro error');
          }
        });
      }
    }
  });
}

The problem is when the file that I'm reading is too long and the server takes more than 30 seconds to respond. My progressTimer has a timeLimit in 30, then, the progress bar shows complete, but the server has not yet responded. (Some times my server can respond the ajax petition after 30 seconds, and it respond a 200 state), in this case the progress bar is in 100% and it shows green and when my response arrive the progressTimer plugin doesn't work fine, it shows Uncaught TypeError: Cannot read property 'complete' of undefined.

I know that a solution is increase the timeLimit variable, but I don't want to do that (because when the petition arrives in 1 second the progress bar doesn't show credible)