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

Posted yjry-th

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的其他配置,可以参考W3School上的资料。

以上是关于Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"的主要内容,如果未能解决你的问题,请参考以下文章

jQuery+ajax文件上传失败,啥原因

原生js实现文件上传

ajax上传文件,为啥后台接收的一直为空

使用ajaxFileUpload这个控件上传文件,返回json数据出错?

ajax 上传文件,监听进度(progress)

通过ajax上传文件