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


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

<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 对象,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

在线引用最新jquery文件的实现方法
如下所示:scriptsrc="http://code.jquery.com/jquery-latest.js"/scriptscripttype="text/javascript"//测试引用是否成功$(document).ready(function(e){alert('test!');});/script以上这篇在线

修改Jquery Dialog 位置的实现方法
今天在做一个功能的时候使用到了JqueryUI中的dialog组件,因为是一个很简单的组件,有很多功能都没有提供,比如说直接获取到dialog的位置,直接修改dia

修改jquery中dialog的title属性方法(推荐)
好久都没办法尝试成功在网上找的经测试也不行于是在官方文档上看到了结果终于成功了$("#overTime").dialog({autoOpen:false,width:400,modal:true,title:"DialogTitle",butt