解決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ù)器（即使沒有數(shù)據(jù)要發(fā)送）。
總結(jié)
以上所述是小編給大家介紹的解決Ajax方式上傳文件報(bào)錯(cuò)"Uncaught TypeError: Illegal invocation"問題，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(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)文章
這篇文章主要為大家詳細(xì)介紹了ajax上傳多圖到php服務(wù)器的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
解決瀏覽器記住ajax請(qǐng)求并能前進(jìn)和后退問題
在我們?yōu)g覽不同網(wǎng)頁(yè)的時(shí)候，我們可以通過(guò)瀏覽器的前進(jìn)、后退鍵來(lái)去到我們前后訪問過(guò)的頁(yè)面。這篇文章主要介紹了讓瀏覽器記住ajax請(qǐng)求并能前進(jìn)和后退方法(一),需要的朋友可以參考下2017-06-06
ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問題
下面小編就為大家?guī)?lái)一篇ajax快速解決參數(shù)過(guò)長(zhǎng)無(wú)法提交成功的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
本篇文章給大家介紹jquery中的ajax異步上傳，在此需要引入ajaxfileupload.js這個(gè)js文件。接下來(lái)，有需要的朋友跟著小編一起學(xué)習(xí)吧2015-09-09
這篇文章主要為大家詳細(xì)介紹了Ajax異步檢查用戶名是否存在的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法...2007-04-04
有時(shí)候在注冊(cè)窗口，為了用戶體驗(yàn)我們會(huì)用ajax無(wú)刷新檢測(cè)用戶名是否已被注冊(cè)2006-06-06
淺析Ajax后臺(tái)success傳來(lái)json數(shù)據(jù)的問題
最近在使用JQuery的ajax方法時(shí)，需要返回的數(shù)據(jù)為json數(shù)據(jù)，在success返回中數(shù)據(jù)處理會(huì)根據(jù)返回方式不同會(huì)采用不同的方式來(lái)生成json數(shù)據(jù)。下面小編給大家介紹下在$.ajax方法中應(yīng)該是如何來(lái)處理的2016-10-10
這篇文章主要給大家介紹了如何解決AJAX請(qǐng)求中含有數(shù)組的問題，文中給出了詳細(xì)的示例代碼，相信對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面跟著小編一起來(lái)看看吧。2016-12-12
axios和ajax的區(qū)別點(diǎn)總結(jié)
在本篇文章里小編給大家整理的是一篇關(guān)于axios和ajax的區(qū)別點(diǎn)總結(jié)內(nèi)容，對(duì)此有興趣的朋友們可以跟著學(xué)習(xí)下。2021-12-12