解決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
默認值: true。默認情況下,通過data選項傳遞進來的數(shù)據(jù),如果是一個對象(技術(shù)上講只要不是字符串),都會處理轉(zhuǎn)化成一個查詢字符串,以配合默認內(nèi)容類型 "application/x-www-form-urlencoded"。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息,請設(shè)置為 false。
contentType
類型:String
默認值: "application/x-www-form-urlencoded
"。發(fā)送信息至服務(wù)器時內(nèi)容編碼類型。
默認值適合大多數(shù)情況。如果你明確地傳遞了一個 content-type 給 $.ajax() 那么它必定會發(fā)送給服務(wù)器(即使沒有數(shù)據(jù)要發(fā)送)。
總結(jié)
以上所述是小編給大家介紹的解決Ajax方式上傳文件報錯"Uncaught TypeError: Illegal invocation"問題,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章:
1. 使用AJAX(包含正則表達式)驗證用戶登錄的步驟2. 使用FormData進行Ajax請求上傳文件的實例代碼3. 詳談ajax返回數(shù)據(jù)成功 卻進入error的方法4. layui Ajax請求給下拉框賦值的實例5. 解決AJAX返回狀態(tài)200沒有調(diào)用success的問題6. 利用ajax+php實現(xiàn)商品價格計算7. AJAX實現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺】8. Ajax實現(xiàn)表格中信息不刷新頁面進行更新數(shù)據(jù)9. 告別AJAX實現(xiàn)無刷新提交表單10. layui的checbox在Ajax局部刷新下的設(shè)置方法
