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 相关文章推荐
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
Aug 13 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
Dec 20 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
JavaScript点击按钮生成4位随机验证码
Jan 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
十天学会php之第三天
2006/10/09 PHP
解析php时间戳与日期的转换
2013/06/06 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
用js计算页面执行时间的函数
2006/12/07 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
python学习之第三方包安装方法(两种方法)
2015/07/30 Python
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
python如何运行js语句
2020/09/09 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
党的群众路线对照检查材料(个人)
2014/09/24 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
机关作风建设心得体会
2014/10/22 职场文书
2014年保安个人工作总结
2014/11/13 职场文书
SQL Server 中的事务介绍
2022/05/20 SQL Server