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

 
更多

问题

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

解决

网上搜索问题,错误原因可能有以下几个,依次检查:

  1. 请求类型有误,如post请求,但在后台设置的是get请求
  2. 参数有误。 如没有传参,或是参数对应不上去
  3. File类型的参数被预先处理了
  4. 参见Ajax原理

检查后发现应该时原因3,故修改代码,设置$.ajaxprocessData: 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)
    }
  })
})
打赏

本文固定链接: https://www.cxy163.net/archives/2648 | 绝缘体

该日志由 绝缘体.. 于 2022年09月14日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: Ajax上传文件/照片时报错TypeError :Illegal invocation | 绝缘体
关键字: , , , ,

Ajax上传文件/照片时报错TypeError :Illegal invocation:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter