使用jquery ajax异步提交文件的时候报Uncaught TypeError :Illegal invocation错误,报错信息如图:
错误原因:
jQuery Ajax 上传文件处理方式,使用ajax向后台发送数据时其中的图片数据的参数类型为file,属于对象,而不是一个字符串值。导致错误的出现
var formData = new FormData();
formData.append("src", 2);
formData.append("file",imgFile);
首先看是否由于参数书写错误导致上述问题,如果误写成对象请修改相应参数类型。如果确定要上传的数据之一就是对象型,那么请在ajax参数里加入
processData: false
contentType : false
$.ajax({
url: '传输地址',
type: 'POST',
cache: false, //上传文件不需要缓存
data: formData,
processData: false, // 告诉jQuery不要去处理发送的数据
contentType: false, // 告诉jQuery不要去设置Content-Type请求头
success: function (res) {
console.log(res)
if(res.ret == 0){
console.log(上传成功)
}
},
error: function (err) {
console.log(err)
}
})