解決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選項傳遞進來的數(shù)據(jù),如果是一個對象(技術(shù)上講只要不是字符串),都會處理轉(zhuǎn)化成一個查詢字符串,以配合默認(rèn)內(nèi)容類型 "application/x-www-form-urlencoded"。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息,請設(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)文章:
1. js實現(xiàn)ajax的用戶簡單登入功能2. AJAX實現(xiàn)注冊驗證用戶名3. 利用Ajax檢測用戶名是否被占用的完整實例4. layui的checbox在Ajax局部刷新下的設(shè)置方法5. ajax異步讀取后臺傳遞回的下拉選項的值方法6. ajax異步實現(xiàn)文件分片上傳實例代碼7. Ajax獲取php返回json數(shù)據(jù)動態(tài)生成select下拉框的實例8. springmvc 結(jié)合ajax批量新增的實現(xiàn)方法9. ajax實現(xiàn)省市三級聯(lián)動效果10. 關(guān)于Ajax跨域問題及解決方案詳析

網(wǎng)公網(wǎng)安備