本篇文章给大家带来的内容是关于Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

问题

Ajax上传文件/照片时报错TypeError :Illegal invocation

b79c4b6c2083fa68ba3556b169ea4378.png

解决

网上搜索问题,错误原因可能有以下几个,依次检查:请求类型有误,如post请求,但在后台设置的是get请求

参数有误。 如没有传参,或是参数对应不上去

File类型的参数被预先处理了

检查后发现应该时原因3,故修改代码,设置$.ajax的processData: false:getToken().then( res => {

console.log('获取七牛云token后上传图片')

if(!res.hasOwnProperty('data')) return

// 整理参数

var formData = new FormData()

formData.append('token', res.data)

formData.append('file', file)

$.ajax({

url: '',

type: 'POST',

contentType: 'multipart/form-data',

processData: false, // 增加这一行,不处理参数

data: formData,

success: function (result) {

console.log(result)

}

})

})

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐