jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法


Posted in Javascript onAugust 25, 2016

废话不多说了,关键代码如下所示:

<script> 
$('.screenshot_input').change(function (){ 
//获取file对象 即相当于可以直接post的$_FILES数据 
var domFile = $(this)[0].files[0] 
var domForm = $('#testForm')[0] 
//将form对象直接作为参数 new FormData对象 
var formData = new FormData(domForm); 
//追加file 对象 
formData.append('file',domFile); 
$.ajax({ 
url:'{{ path( 'acme_admin_app_dealAppScreenShot') }}', 
type: "POST", 
data: formData, 
processData: false, // tell jQuery not to process the data 
contentType: false, // tell jQuery not to set contentType 
xhr: function(){ //这是关键 获取原生的xhr对象 做以前做的所有事情 
var xhr = jQuery.ajaxSettings.xhr(); 
xhr.upload.onload = function (){ 
alert('finish downloading') 
} 
xhr.upload.onprogress = function (ev) { 
if(ev.lengthComputable) { 
var percent = 100 * ev.loaded/ev.total; 
console.log(percent,ev) 
} 
} 
return xhr; 
}, 
success:function(data){ 
alert(data) 
} 
}) 
}) 
</script> 
Array 
( 
[name] => cooff 
[email] => qq.comaa 
) 
Array 
( 
[file] => Array 
( 
[name] => yunce2.0测试.apk 
[type] => application/vnd.android.package-archive 
[tmp_name] => /tmp/php4Jxt0c 
[error] => 0 
[size] => 6476627 
) 
)

一次过把form表单 和 file 对象发送到PHP后端controller 处理起来非常方便。

以上所述是小编给大家介绍的jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript 命名空间模式
Nov 01 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
异步安全加载javascript文件的方法
Jul 21 Javascript
jQuery实现限制文本框的输入长度
Jan 11 Javascript
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
vue.js与后台数据交互的实例讲解
Aug 08 Javascript
详解package.json版本号规则
Aug 01 Javascript
JavaScript实现随机点名程序
Mar 25 Javascript
JS实现简单的九宫格抽奖
Jun 28 Javascript
轻松掌握JavaScript策略模式
Aug 25 #Javascript
Javascript 6里的4个新语法
Aug 25 #Javascript
Javascript实现代码折叠功能
Aug 25 #Javascript
深入浅出ES6之let和const命令
Aug 25 #Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 #Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 #Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 #Javascript
You might like
抓取并下载CSS中所有图片文件的php代码
2011/09/26 PHP
PHP 二维array转换json的实例讲解
2018/08/21 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
Javascript 面向对象特性
2009/12/28 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
js浏览器html5表单验证
2016/10/17 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
python使用urllib模块开发的多线程豆瓣小站mp3下载器
2014/01/16 Python
深入理解Python3中的http.client模块
2017/03/29 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
Python何时应该使用Lambda函数
2019/07/02 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
波兰补充商店:Muscle Power
2018/10/29 全球购物
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
厂长岗位职责
2014/02/19 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
电工技术比武方案
2014/05/11 职场文书
机械操作工岗位职责
2014/08/08 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
党校党性分析材料
2014/12/19 职场文书
高中语文教学反思范文
2016/02/16 职场文书