jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
废话不多说了,关键代码如下所示:
<script>
$('.screenshot_input').change(function(){
//获取file对象即相当于可以直接post的$_FILES数据
vardomFile=$(this)[0].files[0]
vardomForm=$('#testForm')[0]
//将form对象直接作为参数newFormData对象
varformData=newFormData(domForm);
//追加file对象
formData.append('file',domFile);
$.ajax({
url:'{{path('acme_admin_app_dealAppScreenShot')}}',
type:"POST",
data:formData,
processData:false,//telljQuerynottoprocessthedata
contentType:false,//telljQuerynottosetcontentType
xhr:function(){//这是关键获取原生的xhr对象做以前做的所有事情
varxhr=jQuery.ajaxSettings.xhr();
xhr.upload.onload=function(){
alert('finishdownloading')
}
xhr.upload.onprogress=function(ev){
if(ev.lengthComputable){
varpercent=100*ev.loaded/ev.total;
console.log(percent,ev)
}
}
returnxhr;
},
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对象,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!