jquery文件上傳取消全部上傳

Question

我正在使用jQuery文件上傳插件（http://blueimp.github.io/jQuery-File-Upload/）爲我的網站上傳圖片。

我的代碼：

$('#fileupload').fileupload({ 
    url: 'server/index.php', 
    dataType: 'json', 
    dropZone: $('#dropzone') 
}).on('fileuploadadd', function (e, data) { 
    jqXHR = data; 
}); 

$('button.cancel').click(function() { 
jqXHR.abort(); 
}); 

當用戶選擇多個文件上傳，取消按鈕只能取消所有文件的1個文件上傳instate。

如何取消按鈕取消所有文件上傳（進行中）一次點擊？

謝謝。

Answer 1

如何使用堆棧跟蹤上傳？

}).on('fileuploadadd', function (e, data) { 
    jqXHR.push(data); 
}); 

$('button.cancel').click(function() { 
    for (i=0; i < jqXHR.length; i++) { jqXHR[i].abort(); } 
}); 

Answer 2

從here

$('#fileupload').fileupload({ 
    add: function(e, data) { 
     $('.progress_bar_wrapper').append($('.progress_context:first').clone()); 
     data.context = $('.progress_context:last'); 
     data.content.find('.abort').click(abortUpload); 
     var xhr = data.submit(); 
     data.context.data('data',{jqXHR: xhr}); // so much data... 
    } 
)}; 

function abortUpload (e) { 
    e.preventDefault(); 
    var template = $(e.currentTarget).closest('.template-upload'), 
    data = template.data('data') || {}; // data, data , data (queue Monty Python skit) 
     if (!data.jqXHR) { 
     data.errorThrown = 'abort'; 
     this._trigger('fail', e, data); 
     } else { 
     data.jqXHR.abort(); 
     } 
}