廢話不多說了,關鍵代碼如下所示:
<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 對象,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援!