今天使用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 樹(shù)信息或其它不希望轉(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ù)大家的!
您可能感興趣的文章:- js ajaxfileupload.js上傳報(bào)錯(cuò)的解決方法
- 使用FormData進(jìn)行Ajax請(qǐng)求上傳文件的實(shí)例代碼
- Ajax實(shí)現(xiàn)圖片上傳并預(yù)覽功能
- jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
- AjaxUpLoad.js實(shí)現(xiàn)文件上傳功能
- ajax實(shí)現(xiàn)上傳圖片保存到后臺(tái)并讀取的實(shí)例
- FormData+Ajax實(shí)現(xiàn)上傳進(jìn)度監(jiān)控
- php+ajax+h5實(shí)現(xiàn)圖片上傳功能
- thinkphp ajaxfileupload實(shí)現(xiàn)異步上傳圖片的示例
- Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼