解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"

166 阅读 0 评论 110 点赞

我是靠谱客的博主自觉大碗，最近开发中收集的这篇文章主要介绍解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

今天使用ajax上传文件时，出现了错误。数据传输的方式是通过定义formData完成的，提交的文件对象也设置为dom对象，但是还是不能发送请求。F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了一下，找到了解决方法。

解决方法：在ajax请求的参数中添加如下两个参数：

$.ajax({
  ...,
  processData: false,
  contentType: false,  
  ...
});

processData

类型：Boolean

默认值: true。默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。

contentType

类型：String

默认值: "application/x-www-form-urlencoded"。发送信息至服务器时内容编码类型。

默认值适合大多数情况。如果你明确地传递了一个 content-type 给 $.ajax() 那么它必定会发送给服务器（即使没有数据要发送）。

总结

以上所述是小编给大家介绍的解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！