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

- 日理万妓 2022-03-28 12:38 200阅读 0赞

#### 问题 ####

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

![在这里插入图片描述][20190110162344928.png]

#### 解决 ####

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

1.  请求类型有误，如`post`请求，但在后台设置的是`get`请求
2.  参数有误。 如没有传参，或是参数对应不上去
3.  `File`类型的参数被预先处理了
4.  参见[Ajax原理][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)
        }
      })
    })

#### 参考 ####

1.  [使用AJAX实现文件上传时Illegal invocation错误][AJAX_Illegal invocation]
2.  [jquery ajax报Uncaught TypeError ：Illegal invocation][jquery ajax_Uncaught TypeError _Illegal invocation]

来源：[https://segmentfault.com/a/1190000017832617][https_segmentfault.com_a_1190000017832617]

[20190110162344928.png]: /images/20220328/7506db16319a4e78a504ce33b7203d08.png
[Ajax]: http://www.jqhtml.com/23165.html
[AJAX_Illegal invocation]: https://www.cnblogs.com/cici20166/p/7040083.html
[jquery ajax_Uncaught TypeError _Illegal invocation]: https://blog.csdn.net/suhui1995/article/details/78010646
[https_segmentfault.com_a_1190000017832617]: https://segmentfault.com/a/1190000017832617