JQuery Deferred Post Example

gistfile1.js

var postImages = function() {
    clearInterval(camInterval);    
    var tasks   = [];
    var done    = 0;
    $('#ImageDataContainer textarea').each(function(){
      var imgData = $(this).val();
      tasks.push(postImage(imgData));
    });
    var total = tasks.length;
    $.when.apply($, tasks)
    .then(function(){
      fotosPublished = true;
      $('#fb-publish-modal').modal('hide');
      $('#fb-publish-modal').on('hidden', function(){
        $('#ImageCreateForm').submit();
      });
    })
    .progress(function(data){
      done++;
      var per = ( done / total ) * 100;
      $('#fb-progress-message').html('Publicando imagen ' + done + ' de ' + total);
      $('#fb-progress-bar').css('width', per+'%');
    })
    .fail(function(){
    });
  };

  var postImage = function(imageData) {
    return $.Deferred(function(dfd){
      $.post('/images/sendToFacebook', {'data':{'Image':imageData}})
      .success(function(data){
        if ( typeof data == 'object' && !('error' in data)) {
          dfd.notify(data);
          dfd.resolve(data);
        } else {
          dfd.notify(data);
          dfd.reject(data);
        }
      })
      .error(function(){
        dfd.reject('ajax error');
      });
    }).promise();
  };