解決Ajax方式上傳文件報(bào)錯(cuò)"Uncaught TypeError: Illegal invocation"
今天使用ajax上傳文件時(shí),出現(xiàn)了錯(cuò)誤。數(shù)據(jù)傳輸?shù)姆绞绞峭ㄟ^定義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)情況下,通過data選項(xiàng)傳遞進(jìn)來的數(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ù)器(即使沒有數(shù)據(jù)要發(fā)送)。
總結(jié)
以上所述是小編給大家介紹的解決Ajax方式上傳文件報(bào)錯(cuò)"Uncaught TypeError: Illegal invocation"問題,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章:
1. ThinkPHP5 通過ajax插入圖片并實(shí)時(shí)顯示(完整代碼)2. layui的checbox在Ajax局部刷新下的設(shè)置方法3. 使用AJAX(包含正則表達(dá)式)驗(yàn)證用戶登錄的步驟4. AJAX原理以及axios、fetch區(qū)別實(shí)例詳解5. 解決AJAX返回狀態(tài)200沒有調(diào)用success的問題6. Ajax返回值類型與用法實(shí)例分析7. 使用FormData進(jìn)行Ajax請(qǐng)求上傳文件的實(shí)例代碼8. 利用ajax+php實(shí)現(xiàn)商品價(jià)格計(jì)算9. AJAX實(shí)現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺(tái)】10. Django與AJAX實(shí)現(xiàn)網(wǎng)頁動(dòng)態(tài)數(shù)據(jù)顯示的示例代碼
