blueimp jquery 文件上传-“完成”、“完成”回调不适用于 IE 9

Question

我正在使用Blueimp Jquery File Upload 插件异步上传文件。它在大多数其他浏览器中运行良好（有一些小问题） - 在 IE 上，我看到“完成”、“停止”、“始终”、“完成”和其他一些事件回调没有被调用的问题。

在调试时，我在“done”、“fail”、“always”中添加了console.logs，并在_onSend函数（在jquery.fileupload.js中）的ajax请求中添加了“complete”方法——但是它们似乎都没有在 IE 中被调用。

_onSend: function (e, data) {
        var that = this,
            jqXHR,
            slot,
            pipe,
            options = that._getAJAXSettings(data),
            send = function (resolve, args) {
                that._sending += 1;
                jqXHR = jqXHR || (
                    (resolve !== false &&
                    that._trigger('send', e, options) !== false &&
                    (that._chunkedUpload(options) || $.ajax(options))) ||
                    that._getXHRPromise(false, options.context, args)
                ).complete(function (result, textStatus, jqXHR) {
                    console.log("complete"); 
                }).done(function (result, textStatus, jqXHR) {
                    console.log("done", result); 
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    console.log("fail", result); 
                }).always(function (a1, a2, a3) {
                    console.log("done", result); 

                   }
                });
                return jqXHR;
            };

[为了可读性而修剪的插件代码]

我了解在 IE 9 中，jquery.iframe-transport.js 用于文件上传（因为 IE 不支持 XHR 文件上传）。

我不确定我应该如何修复/调试这个问题。

谢谢！

Answer 1

当从服务器返回 json 时，如果响应的内容类型设置为“text/html”或“text/plain”（而不是 application/json），则会触发 done 事件。这仅适用于不支持 XHR 文件上传的浏览器（例如 IE9）以及 blueimp 插件使用 IFrame 传输的浏览器。

插件文档中“内容协商”下的相关信息： https://github.com/blueimp/jQuery-File-Upload/wiki/Setup

Answer 2

作为记录，我在直接上传到 S3 时遇到了这个问题，现在他们的 CORS 功能允许这样做。

解决方法是将success_action_status设置为'200'，然后正确触发Done事件。

Answer 3

如果有人在直接上传到 S3 时仍然遇到此问题，解决方案是添加一个值为“201”的 success_action_status 字段。确保您也将其作为策略数据的一部分包含在内，因为它们必须匹配。

显然，当接收到来自 IE9 S3 的上传时，将返回一个空字符串。要让它返回文件上传器需要的 XML，你必须告诉它返回 201 的状态。