解決Ajax方式上傳文件報錯"Uncaught TypeError: Illegal invocation"
今天使用ajax上傳文件時，出現(xiàn)了錯誤。數(shù)據(jù)傳輸?shù)姆绞绞峭ㄟ^定義formData完成的，提交的文件對象也設(shè)置為dom對象，但是還是不能發(fā)送請求。F12看到后臺報了個錯誤：Uncaught TypeError: Illegal invocation，百度了一下，找到了解決方法。
解決方法：在ajax請求的參數(shù)中添加如下兩個參數(shù)：
$.ajax({
...,
processData: false,
contentType: false,
...
});
processData
類型：Boolean
默認(rèn)值: true。默認(rèn)情況下，通過data選項(xiàng)傳遞進(jìn)來的數(shù)據(jù)，如果是一個對象(技術(shù)上講只要不是字符串)，都會處理轉(zhuǎn)化成一個查詢字符串，以配合默認(rèn)內(nèi)容類型 "application/x-www-form-urlencoded"。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息，請?jiān)O(shè)置為 false。
contentType
類型：String
默認(rèn)值: "application/x-www-form-urlencoded"。發(fā)送信息至服務(wù)器時內(nèi)容編碼類型。
默認(rèn)值適合大多數(shù)情況。如果你明確地傳遞了一個 content-type 給 $.ajax() 那么它必定會發(fā)送給服務(wù)器（即使沒有數(shù)據(jù)要發(fā)送）。
總結(jié)
以上所述是小編給大家介紹的解決Ajax方式上傳文件報錯"Uncaught TypeError: Illegal invocation"問題，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
HTML + Servlet + Filter + jQuery 一般來說我們的項(xiàng)目都有登錄過濾器，一般請求足以搞定。但是AJAX卻是例外的，所以解決方法是設(shè)置響應(yīng)為session失效。2015-11-11
本文重點(diǎn)給大家介紹在ajax中使用get和post所遇到的問題及解決辦法，及get請求和post請求的區(qū)別簡單介紹，本文介紹的非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
在上一篇博客中寫到的是在傳統(tǒng)的Javascript中使用XMLHttpRequest對象異步加載數(shù)據(jù)的，唉，童鞋.......看到那些代碼是不是有點(diǎn)頭疼啊!呵呵......2012-11-11![[ASP.NET AJAX]Function對象及Type類的方法介紹](http://img.jbzj.com/images/xgimg/bcimg3.png)
[ASP.NET AJAX]Function對象及Type類的方法介紹
[ASP.NET AJAX]Function對象及Type類的方法介紹...2007-01-01
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)頁面無刷新留言效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery+Ajax+PHP實(shí)現(xiàn)“喜歡”評級功能附源碼下載
有同學(xué)問我如何實(shí)現(xiàn)一個像美麗說那樣的“我喜歡”評級功能，當(dāng)用戶看到自己喜歡的圖片或文章時，點(diǎn)擊“紅心”按鈕，系統(tǒng)會自動記錄用戶的點(diǎn)擊，并將總數(shù)加1。這樣再結(jié)合不同的系統(tǒng)，可以將此功能應(yīng)用到投票或收藏商品中去（如淘寶的收藏商品）。2015-10-10
AJAX驗(yàn)證數(shù)據(jù)庫內(nèi)容并將值顯示在頁面
光標(biāo)離開文本框，在本頁面的相應(yīng)地方獲取數(shù)據(jù)庫中改值所對應(yīng)的其他數(shù)據(jù)，相應(yīng)的實(shí)現(xiàn)代碼如下，感興趣的朋友可以看看2014-08-08
一個Ajax類...2006-12-12
分頁技術(shù)原理與實(shí)現(xiàn)之無刷新的Ajax分頁技術(shù)(三)
這篇文章主要介紹了分頁技術(shù)原理與實(shí)現(xiàn)的第三篇：無刷新的Ajax分頁技術(shù)，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了解決Ajax加載JSon數(shù)據(jù)中文亂碼問題,需要的朋友可以參考下2017-10-10