XHR Level2使用jQuery进行文件上传

如何从jQuery Ajax访问原始XHR对象?
问题是,新的XMLHttpRequest Level 2规范提供了一个名为upload的XHR的子属性,但显然jQuery尚未拥有它.我想继续使用jQuery Ajax,但我不知道如何将新功能与当前的jQuery库合并.

解决方法

在新版本的JQuery中,原始xhr对象包含在jqXhr对象中,该对象没有对xhr的新上载属性的任何引用,并且在文档中也不是很清楚如何执行它.
我发现这样做的方式,通过一些额外的设置来获得一个成功的jquery-ajax-HTML5文件上传器:
var formData = new FormData($('#myForm')[0]);
$.ajax({
    url: 'upload.PHP',type: 'POST',xhr: function() {
        myXhr = $.ajaxSettings.xhr();
        if(myXhr.upload){
            myXhr.upload.addEventListener('progress',progressHandlerFunction,false);
        }
        return myXhr;
    },data: formData,cache: false,contentType: false,processData: false
});

使用$.ajaxSettings.xhr()我得到了原始的xhr,然后我测试它是否有属性上传来绑定进度事件来控制进度(HTML5?)栏.其他设置允许我通过jquery ajax将表单作为FormData对象发送.

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...