使用 jQuery.ajax 上傳帶檔案的表單遇到的問題_jquery

今天幫人看代碼的時候，遇到一點小問題。使用 jQuery 上傳帶檔案的表單時，會有些問題。

首先，因為使用的是 FormData，所以必須在傳入 $.ajax 的參數中配置 processData: false。

否則將會拋出 Illegal invocation 的異常，因為 jQuery 預設是會對傳入的 data 欄位的資料進行處理的。

官方文檔是這麼解釋的：

其次，注意請求的 Content-Type 首部，預設是 application/x-www-form-urlencoded; charset=UTF-8，也就是我們通常見的 “a=A&b=B” 這種格式。但使用 FormData 時，就不行了。

對參數添加 contentType 欄位，將其值設定為 false 即可。如果 jQuery 版本小於 1.6，則手動設定為 multipart/form-data。具體說明請見文檔說明：

我以前通常都是使用原生的 XMLHttpRequest，所以倒也沒有遇到過這種問題。既然遇到了，就得解決。因此記錄下來，以備日後尋找。

以上所述是小編給大家介紹的使用 jQuery.ajax 上傳帶檔案的表單遇到的問題，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！