jquery 文件上传不适用于 jquery 3.x

Question

我的脚本在 jQuery 1.x 和 2.x 上运行良好，但在 jQuery 3.x 上不起作用

imageInput.fileupload();
var jqXHR = imageInput.fileupload('send', {
    files: files,
    formData: $.extend({csrfmiddlewaretoken: csrftoken}, attachmentData),
    url: {{ id }}_settings.url.upload_attachment,
})
.success(function (result, textStatus, jqXHR) {
    $.each(result.files, function (index, file) {
        console.log('success');
    });
})
.error(function (jqXHR, textStatus, errorThrown) {
    console.log('error occurred.');
});

FF 浏览器提示找不到 success 和 error 函数。

jQuery.Deferred exception: imageInput.fileupload(...).success is not a function 
....
undefined

这是错误消息。感谢您的帮助。

Answer 1

jQuerys success 和 error 最初是 $.ajax 的一部分，如

$.ajax({
    success : function() {},
    error   : function() {}
})

但是当 $.ajax starter 返回 Deferreds 时，它更改为 done 和 fail

$.ajax({}).done().fail()

这引起了一些困惑，因此还添加了名为 success 和 error 的相同方法，因此可以这样做

$.ajax({}).success().error()

在 jQuery 3.x 版本中决定删除成功和错误

https://jquery.com/upgrade-guide/3.0/#breaking-change-special-case-deferred-methods-removed-from-jquery-ajax

您可以将 done 和 fail 直接替换为代码中的 success 和 error Fileupload 插件在底层使用 jQuery 的 $.ajax。
jQuery 的 Deferreds 现在符合 Promise A+ 标准，因此也可以使用 then 和 catch