解決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選項(xiàng)傳遞進(jìn)來的數(shù)據(jù)，如果是一個對象(技術(shù)上講只要不是字符串)，都會處理轉(zhuǎn)化成一個查詢字符串，以配合默認(rèn)內(nèi)容類型 "application/x-www-form-urlencoded"。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息，請?jiān)O(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)文章
這篇文章主要為大家詳細(xì)介紹了ajax上傳多圖到php服務(wù)器的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
在我們?yōu)g覽不同網(wǎng)頁的時候，我們可以通過瀏覽器的前進(jìn)、后退鍵來去到我們前后訪問過的頁面。這篇文章主要介紹了讓瀏覽器記住ajax請求并能前進(jìn)和后退方法(一),需要的朋友可以參考下2017-06-06
下面小編就為大家?guī)硪黄猘jax快速解決參數(shù)過長無法提交成功的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
本篇文章給大家介紹jquery中的ajax異步上傳，在此需要引入ajaxfileupload.js這個js文件。接下來，有需要的朋友跟著小編一起學(xué)習(xí)吧2015-09-09
這篇文章主要為大家詳細(xì)介紹了Ajax異步檢查用戶名是否存在的相關(guān)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
AJAX中同時發(fā)送多個請求XMLHttpRequest對象處理方法
AJAX中同時發(fā)送多個請求XMLHttpRequest對象處理方法...2007-04-04
有時候在注冊窗口，為了用戶體驗(yàn)我們會用ajax無刷新檢測用戶名是否已被注冊2006-06-06
淺析Ajax后臺success傳來json數(shù)據(jù)的問題
最近在使用JQuery的ajax方法時，需要返回的數(shù)據(jù)為json數(shù)據(jù)，在success返回中數(shù)據(jù)處理會根據(jù)返回方式不同會采用不同的方式來生成json數(shù)據(jù)。下面小編給大家介紹下在$.ajax方法中應(yīng)該是如何來處理的2016-10-10
這篇文章主要給大家介紹了如何解決AJAX請求中含有數(shù)組的問題，文中給出了詳細(xì)的示例代碼，相信對大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面跟著小編一起來看看吧。2016-12-12
axios和ajax的區(qū)別點(diǎn)總結(jié)
在本篇文章里小編給大家整理的是一篇關(guān)于axios和ajax的區(qū)別點(diǎn)總結(jié)內(nèi)容，對此有興趣的朋友們可以跟著學(xué)習(xí)下。2021-12-12