jquery-forms-plugin - 如何使用 jQuery 表单插件取消文件上传

Question

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

是否有内置的方法，或者至少是我可以使用的强大 hack，在上传发生时取消？

Answer 1

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

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