取消單獨使用jquery fileupload上傳

Question

如何中止上傳特定文件！我將jqXHR附加到上下文的data屬性，然後調用abourtUpload函數來搜索data屬性，然後嘗試中止它！但它不工作！

function abortUpload (e) {  
    e.preventDefault(); 
    var template = $(e.currentTarget).closest('.template-upload'), 
    data = template.data('data') || {}; 
    console.log(data); // returns [Object object] 
    data.jqXHR.abort(); // Cannot call method 'abort' of undefined 
} 
// Method of fileupload 
add: function(e, data) { 
     data.context = $(tmpl("template-upload", file)).attr('data-data', { jqXHR: data.submit() }); 
     $('#fileupload').append(data.context); 
     data.context.find('.cancel').click(abortUpload); 
     return data.submit(); 
    } 

任何想法的傢伙？ 米格爾。

Answer 1

您正試圖將jqXHR對象存儲爲HTML數據屬性值，這是不可能的。
只能將對象存儲在可以序列化爲JSON的HTML數據屬性中。

你可以做的是使用jQuery的.data（）方法來存儲值，它允許存儲任意對象。

但是，由於所有的代碼都採用相同的方法，因此只需使用本地變量訪問jqXHR對象並取消上載，就不需要執行任何操作。
您也不需要設置data.context，因爲這僅用於設置jQuery.ajax請求的上下文。

因此，下面的片段應該可以幫助您去：

var jqXHR = data.submit(), 
    node = $(tmpl("template-upload", file)).appendTo('#fileupload'); 
node.find('.cancel').click(function (e) { 
    e.preventDefault(); 
    jqXHR.abort(); 
});