时间:2021-05-26
废话不多说了,关键代码如下所示:
<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 对象,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了不使用XMLHttpRequest对象实现Ajax效果的方法。分享给大家供大家参考,具体如下:前言:我以前接触Ajax的时候,只是用Jquery的
本文实例讲述了PHP+原生态ajax实现的省市联动功能。分享给大家供大家参考,具体如下:Ajax的核心是JavaScript对象XmlHttpRequest。该
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法。分享给大家供大家参考,具体如下:核心:调用XMLHttpRequest对象上的abort方法j
ajax:一种请求数据的方式,不需要刷新整个页面;ajax的技术核心是XMLHttpRequest对象;ajax请求过程:创建XMLHttpRequest对象、
MLHttpRequest对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest对象开始。了解XMLHttpRequest对象就先从