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之AJAX框架使用说明
Apr 24 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
javascript实现iframe框架延时加载的方法
Oct 30 Javascript
js实现简单秒表走动的时钟特效
Mar 25 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
js表单登陆验证示例
Oct 19 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 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
PHP中的array数组类型分析说明
2010/07/27 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
JS中dom0级事件和dom2级事件的区别介绍
2016/05/05 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
2017/09/10 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
2018/05/16 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python中的类学习笔记
2014/09/23 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
利用python获取当前日期前后N天或N月日期的方法示例
2017/07/30 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
英国历史最悠久的DJ设备供应商:DJ Finance、DJ Warehouse、The DJ Shop
2019/09/04 全球购物
新闻系毕业生推荐信
2013/11/16 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
2015年见习期工作总结
2014/12/12 职场文书
女儿满月酒致辞
2015/07/29 职场文书
小学副班长竞选稿
2015/11/21 职场文书
2016年中秋祝酒词
2015/11/26 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers
Go 语言下基于Redis分布式锁的实现方式
2021/06/28 Golang