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

最新推荐文章于 2023-11-16 15:52:07 发布

weixin_33890499

最新推荐文章于 2023-11-16 15:52:07 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000017832617

本文详细解析了在使用Ajax上传文件时遇到的TypeError：Illegalinvocation错误，通过逐步排查，最终定位到问题所在并提供了解决方案。在代码示例中，通过设置$.ajax的processData为false，成功避免了对File类型参数的预处理，从而解决了错误。

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

问题

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

解决

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

请求类型有误，如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)
    }
  })
})