Отменить загрузку индивидуально с помощью Jquery FileUpload

Question

Как я могу отменить загрузку конкретного файла! Я прикрепляю jqXHR к атрибуту данных контекста, а затем вызываю функцию abourtUpload, которая ищет атрибут данных, а затем пытаюсь ее прервать! Но это не работает!

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- данных значения атрибута, которое не возможно.
Вы можете хранить объекты только в атрибутах данных HTML, которые могут быть сериализованы как JSON.

Что вы можете сделать, это использовать метод 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(); 
});