jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對象的方法
廢話不多說了,關(guān)鍵代碼如下所示:
<script> $('.screenshot_input').change(function (){ //獲取file對象 即相當(dāng)于可以直接post的$_FILES數(shù)據(jù) var domFile = $(this)[0].files[0] var domForm = $('#testForm')[0] //將form對象直接作為參數(shù) 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(){ //這是關(guān)鍵 獲取原生的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 對象發(fā)送到PHP后端controller 處理起來非常方便。
以上所述是小編給大家介紹的jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對象,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- AJAX XMLHttpRequest對象詳解
- 解析ajax核心XMLHTTPRequest對象的創(chuàng)建與瀏覽器的兼容問題
- 如何用ajax來創(chuàng)建一個(gè)XMLHttpRequest對象
- jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對象的responseXML
- AJAX中同時(shí)發(fā)送多個(gè)請求XMLHttpRequest對象處理方法
- AJAX客戶端說明,XMLHttpRequest對象
- AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對象)
- ajax 入門基礎(chǔ)之 XMLHttpRequest對象總結(jié)
- AJAX XMLHttpRequest對象創(chuàng)建使用詳解
相關(guān)文章
詳談Ajax請求中的async:false/true的作用(ajax 在外部調(diào)用問題)
下面小編就為大家?guī)硪黄斦凙jax請求中的async:false/true的作用(ajax返回值在外部調(diào)用問題)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果簡單演示
這篇文章向大家推薦了一個(gè)jQuery實(shí)現(xiàn)Tab選項(xiàng)卡切換效果的簡單演示,感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能
點(diǎn)贊,網(wǎng)絡(luò)用語,表示“贊同”、“喜愛”。今天小編通過實(shí)例代碼給大家分享jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能,需要的朋友參考下吧2017-07-07jQuery實(shí)現(xiàn)選項(xiàng)卡切換圖片
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)選項(xiàng)卡切換圖片,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01jQuery基本選擇器和層次選擇器學(xué)習(xí)使用
這篇文章主要介紹了jQuery基本選擇器和層次選擇器的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02頁面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別說明
本篇文章主要是對頁面加載完成后再執(zhí)行JS的jquery寫法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02