错误Illegal invocation；使用jquery的ajax上传文件报错Illegal invocation

橙-极纪元JJYCheng

已于 2022-07-06 17:12:12 修改

阅读量709

点赞数 1

分类专栏： # JQ JS 文章标签： ajax jquery javascript

于 2022-07-06 17:10:54 首次发布

本文链接：https://blog.csdn.net/cplvfx/article/details/125643701

版权

JS 同时被 2 个专栏收录

163 篇文章

订阅专栏

113 篇文章

订阅专栏

博客主要讲述使用jQuery的Ajax上传文件时出现Illegal invocation错误，提出只需在Ajax中增加2个值来解决问题，并给出了完整代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误Illegal invocation；使用jquery的ajax上传文件报错Illegal invocation

我的代码是这样的

var formData = new FormData();
formData.append("file",files[0]);
formData.append("filename", files[0].name);

$.ajax({ 
url:"/api/Tools/UploadFile",  
type: 'post',
headers: {Token:UserInfo.Token},
data:formData,
success: function (data) {  
	console.log(data) 
	if(data.code==0)
	{
	  //业务代码	
	}else{ 
		console.error(data.msg);
	}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
	console.error("级联请求错误");
	console.error(XMLHttpRequest.status);
	console.error(XMLHttpRequest.readyState);
	console.error(textStatus);
}
});

只需要在ajax增加2个值

contentType : false,
processData : false,

processData : false, // 使数据不做处理,告诉jQuery不要去处理发送的数据
contentType : false, // 不要设置Content-Type请求头,告诉jQuery不要去设置Content-Type请求头

完整代码如下

var formData = new FormData();
formData.append("file",files[0]);
formData.append("filename", files[0].name);


$.ajax({ 
url:"/api/Tools/UploadFile",  
type: 'post',
headers: {Token:UserInfo.Token},
contentType : false,
processData : false,
data:formData,
success: function (data) {  
	console.log(data)
	 
	if(data.code==0)
	{
		//业务代码	
	}else{ 
		console.error(data.msg);
	}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
	console.error("级联请求错误");
	console.error(XMLHttpRequest.status);
	console.error(XMLHttpRequest.readyState);
	console.error(textStatus);
}
});