使用 jQuery.ajax 上傳帶文件的表單遇到的問題
更新時間：2016年10月31日 11:07:09 作者：文藺
使用 jQuery 上傳帶文件的表單時，會遇到一些小問題。今天小編抽時間給大家介紹使用 jQuery.ajax 上傳帶文件的表單遇到的問題，感興趣的朋友一起看看吧
今天幫人看代碼的時候，遇到一點小問題。使用 jQuery 上傳帶文件的表單時，會有些問題。
首先，因為使用的是 FormData，所以必須在傳入 $.ajax 的參數(shù)中配置 processData: false。
否則將會拋出 Illegal invocation 的異常，因為 jQuery 默認(rèn)是會對傳入的 data 字段的數(shù)據(jù)進(jìn)行處理的。
官方文檔是這么解釋的：
其次，注意請求的 Content-Type 首部，默認(rèn)是 application/x-www-form-urlencoded; charset=UTF-8，也就是我們通常見的 “a=A&b=B” 這種格式。但使用 FormData 時，就不行了。
對參數(shù)添加 contentType 字段，將其值設(shè)置為 false 即可。如果 jQuery 版本小于 1.6，則手動設(shè)置為 multipart/form-data。具體說明請見文檔說明：
我以前通常都是使用原生的 XMLHttpRequest，所以倒也沒有遇到過這種問題。既然遇到了，就得解決。因此記錄下來，以備日后查找。
以上所述是小編給大家介紹的使用 jQuery.ajax 上傳帶文件的表單遇到的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
樹形結(jié)構(gòu)里的節(jié)點，如果它不是根部，也不是末枝，那么它一定有父母和孩子。2010-02-02
相信大家應(yīng)該都會看到在各大網(wǎng)站上都有一個輪播器的效果，于是自己不禁也想做一個，查了資料，看了輪播器的原理，慢慢的試著做了做，最終效果勉勉強(qiáng)強(qiáng)，但還是想總結(jié)出來，或許對有需要的朋友們帶來一定的幫助，下面來一起看看吧。2016-12-12
jQuery加PHP實現(xiàn)圖片上傳并提交的示例代碼
這篇文章主要介紹了jQuery加PHP實現(xiàn)圖片上傳并提交的實例，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
此Jquery插件是一款非常實用的特效，不但有分享功能，還具備了動畫效果，提高了用戶體驗，感興趣的朋友可以參考下哈2013-04-04
這篇文章主要介紹了jQuery中的子元素過濾選擇器,列舉了一些操作DOM時獲取父元素的一些方法,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了jQuery插件dataTables添加序號列的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07
我們看到很多網(wǎng)站會有有錯誤404頁面，當(dāng)頁面不存存時就會提示，然后過幾秒就會自動跳到首頁了，下面我來給大家舉一個404錯誤頁面跳到首頁實例，有需要的朋友可以參考一下2013-08-08
下面小編就為大家?guī)硪黄猨Query獲取同級元素的簡單代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
下面小編就為大家?guī)硪黄猨Query之動畫ajax事件(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了JQuery中的AJAX，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05