Почему процесс jQuery загрузки файлов не запускается?

Question

У меня есть странная проблема с плагином загрузки файлов jQuery. Если я использую этот sitax:

$('fileupload').fileupload({ 
    url: myurl, 
    add: function(e, data){ 
    console.log("add event"); 
    }, 
    processalways: function(e, data){ 
    console.log("processalways event"); 
    } 
}); 

processalways событие не происходит, но я получил правильный data.context переменной (то есть DIV с индикатором хода добавленного файла).

Хотя, когда я использую этот синтаксис

$('fileupload').fileupload({ 
    url: myurl 
}).on('fileuploadadd',function(e, data){ 
    console.log("add event"); 
}).on('fileuploadprocessalways', function(e, data){ 
    console.log("processalways event"); 
}); 

processalways событие правильно происходит, но я ошибалась data.context (я думаю, что в этом случае data.context всегда будет ссылаться на $ («FileUpload») элемент.

мне нужно как событие процесса и data.context переменных. Как я могу сделать?

Answer 1

Первого SY ntax

Если вы хотите начать процесс, вы должны позвонить data.submit(); в добавочный элемент.

Тогда вы не можете вызвать processalways обратного вызова, according to the documentation это always, которые должны быть использованы:

$('input').fileupload({ 
    url: "/echo/json", 
    add: function (e, data) { 
     console.log("Add callback"); 
     $('#start_upload').click(function(){ 
      data.submit(); 
     }); 
    }, 
    always: function (e, data) { 
     console.log("Always callback"); 
    } 
}); 

Второй синтаксис

Я никогда не использовать его, но если он работает это потому, что fileuploadd Безразлично не существует. И поэтому используется по умолчанию fileuploadadd, и он может звонить data.submit().

Answer 2

Я прочитал немного кода в jquery.fileupload-ui.js

Может быть, это то, что вы хотите?

// The add callback is invoked as soon as files are added to the fileupload 
 
// widget (via file input selection, drag & drop or add API call). 
 
// See the basic file upload widget for more information: 
 
add: function (e, data) { 
 
    if (e.isDefaultPrevented()) { 
 
     return false; 
 
    } 
 
    var $this = $(this), 
 
     that = $this.data('blueimp-fileupload') || 
 
      $this.data('fileupload'), 
 
     options = that.options; 
 
    data.context = that._renderUpload(data.files) 
 
     .data('data', data) 
 
     .addClass('processing'); 
 
    options.filesContainer[ 
 
     options.prependFiles ? 'prepend' : 'append' 
 
     ](data.context); 
 
    that._forceReflow(data.context); 
 
    that._transition(data.context); 
 
    data.process(function() { 
 
     return $this.fileupload('process', data); 
 
    }).always(function() { 
 
     data.context.each(function (index) { 
 
      $(this).find('.size').text(
 
       that._formatFileSize(data.files[index].size) 
 
      ); 
 
     }).removeClass('processing'); 
 
     that._renderPreviews(data); 
 
    }).done(function() { 
 
     data.context.find('.start').prop('disabled', false); 
 
     if ((that._trigger('added', e, data) !== false) && 
 
      (options.autoUpload || data.autoUpload) && 
 
      data.autoUpload !== false) { 
 
      data.submit(); 
 
     } 
 
    }).fail(function() { 
 
     if (data.files.error) { 
 
      data.context.each(function (index) { 
 
       var error = data.files[index].error; 
 
       if (error) { 
 
        $(this).find('.error').text(error); 
 
       } 
 
      }); 
 
     } 
 
    }); 
 
}