14

我正在使用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 文件上传）。

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

谢谢！

4

3 回答 3

19

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

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

于 2012-04-27T09:09:44.913 回答
6

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

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

于 2012-12-08T14:00:37.793 回答
1

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

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

于 2015-08-05T15:21:36.363 回答