jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
來源:易賢網(wǎng) 閱讀:2287 次 日期:2016-08-30 14:12:18
溫馨提示:易賢網(wǎng)小編為您整理了“jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法”,方便廣大網(wǎng)友查閱!

這篇文章主要介紹了jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

關(guān)鍵代碼如下所示:

<script>

$('.screenshot_input').change(function (){

//獲取file對象 即相當于可以直接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 時獲取原生XMLHttpRequest 對象,希望對大家有所幫助

更多信息請查看網(wǎng)絡編程
易賢網(wǎng)手機網(wǎng)站地址:jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65317125(9:00—18:00) 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)