Ajax上传文件/照片时报错TypeError :Illegal invocation
2023-09-27 14:26:43 时间
问题
Ajax
上传文件/照片时报错TypeError :Illegal invocation
解决
网上搜索问题,错误原因可能有以下几个,依次检查:
- 请求类型有误,如
post
请求,但在后台设置的是get
请求 - 参数有误。 如没有传参,或是参数对应不上去
-
File
类型的参数被预先处理了 - 参见Ajax原理
检查后发现应该时原因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)
}
})
})
参考
相关文章
- web基础---->Fileupload文件的上传
- jQuery Ajax 上传文件改进
- Ajax方式上传文件
- spring mvc 3.0 实现文件上传功能
- ruby + watir 自动化上传图片文件解决方案
- spring MVC 项目 WEB-INF下的jsp不能加载css文件
- 文件上传allowedTypes和文件下载contentType(mimeType)
- jquery ajax 上传文件和传递参数到一个接口的实现方法
- linux(6/17)--文件打包上传和下载
- 【甄选靶场】Vulnhub百个项目渗透——项目十二:SichOs1.1(文件上传,shellshock多种利用)
- Struts2的文件上传
- JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
- iframe实现Ajax文件上传效果示例
- secureCRT下linux rz命令上传文件失败或变小(破损)的问题解决方法
- Spring mvc-文件上传与JSON-学习笔记
- ASP.NET Core 1.0中实现文件上传的两种方式(提交表单和采用AJAX)
- libCurl的文件上传
- SpringBoot上传文件到本服务器 目录与jar包同级
- ajax上传文件
- upload-labs-master介绍、下载与安装【文件上传漏洞靶场】
- C语言 HTTP上传文件-利用libcurl库上传文件