使用 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ù)進行處理的。
官方文檔是這么解釋的：
其次，注意請求的 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)文章
這篇文章主要介紹了jQuery必不可少的小技巧，這些小技巧就像是創(chuàng)建的快捷方式，可以幫助大家快速開發(fā)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了jQuery中:file選擇器用法,實例分析了:file選擇器的功能、定義及選取類型為file的<input>元素的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了15個jquery常用方法、小技巧分享,本文總結(jié)了一些開發(fā)中常用的方法,例如獲取td的行標(biāo)和列標(biāo)、判斷是否是回車按下、全選和反選等,需要的朋友可以參考下2015-01-01
siblings() 獲得匹配集合中每個元素的同胞，通過選擇器進行篩選是可選的。接下來通過本文給大家介紹jQuery siblings()用法實例詳解，需要的朋友參考下吧2016-04-04
jQuery使用before()和after()在元素前后添加內(nèi)容的方法
這篇文章主要介紹了jQuery使用before()和after()在元素前后添加內(nèi)容的方法,實例分析了jQuery中before()和after()方法添加內(nèi)容的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
在下面介紹一款jQuery的模板插件 tmpl，是由微軟想jQuery官方貢獻(xiàn)的模板插件2011-10-10
jQuery使用zTree插件實現(xiàn)樹形菜單和異步加載
這篇文章主要介紹了jQuery使用zTree插件實現(xiàn)樹形菜單和異步加載的相關(guān)方法，感興趣的小伙伴們可以參考一下2016-02-02
在easyUI開發(fā)中，出現(xiàn)jquery.easyui.min.js函數(shù)庫問題的解決辦法
easyUI是jquery的一個插件，是民間的插件，easyUI使用起來很方便，里面有網(wǎng)頁制作的最重要的三大方塊：javascript代碼、html代碼和Css樣式，但是很容易出現(xiàn)jquery.easyui.min.js函數(shù)庫問題，小編教大家如何解決問題，需要的朋友可以參考下2015-09-09
這篇文章介紹了jQuery操作文本的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了jquery的常用選取方法都有哪些？不是很清楚的朋友可以參考下2014-05-05