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