gpt4 book ai didi

jquery - jqXHR.abort 不是函数

转载 作者:行者123 更新时间:2023-12-03 22:38:01 30 4
gpt4 key购买 nike

我正在尝试为 jquery 文件上传执行取消按钮(http://blueimp.github.io/jQuery-File-Upload/)。

我的代码:

var jqXHR = $('#fileupload').fileupload({
url: 'server/index.php',
dataType: 'json',
dropZone: $('#dropzone'),
})

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

当我单击“取消”按钮时,取消按钮不起作用,并且收到“jqXHR.abort 不是函数”错误。

我需要做什么才能获得取消按钮来取消文件上传工作?

最佳答案

根据文档,应该这样做。

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

现在您可以像这样访问 jqXHR 对象

$('button.cancel').click(function (e) {
jqXHR.abort();
});
<小时/>

对于多次中止,方法如下

$('#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();
}
}

引用:https://github.com/blueimp/jQuery-File-Upload/issues/290

关于jquery - jqXHR.abort 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22592116/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com