如何使用 jQuery 表单插件取消文件上传

Question

我正在使用 jQuery Forms 插件来执行异步文件上传。目前，用户中止上传的唯一方法是按浏览器上的“停止”按钮，这可能会导致其他 javascript 和 ajax 请求也停止。我想提供一个取消按钮，但我还没有找到任何方法来取消使用 API 进行的上传。

是否有一种内置方法，或者至少是我可以使用的强大黑客，可以在上传时取消上传？

Answer 1

ajaxForm 方法采用与 jQuery.ajax 相同的所有选项，因此可以捕获它在 beforeSend 中生成的虚拟 xhr处理程序。 xhr 有一个 abort 方法可以中止文件上传：

f.ajaxForm({
    beforeSend: function(xhr) {
        cancelBtn.click(xhr.abort);
    }});

Answer 2

自 2012 年 12 月起，可以直接访问 xhr：

var form = $('#myForm').ajaxSubmit({ ... });
var xhr = form.data('jqxhr');
....
$('#cancel').on('click', function(){
    xhr.abort();
});

我用它来取消 ajax 文件上传。

链接 - https://github.com/malsup/form/issues/221