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

 更新时间:2019年06月10日 14:15:09   作者:yjry-th  
这篇文章主要介绍了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"问题,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • ajax上传多图到php服务器的方法

    ajax上传多图到php服务器的方法

    这篇文章主要为大家详细介绍了ajax上传多图到php服务器的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • 解决浏览器记住ajax请求并能前进和后退问题

    解决浏览器记住ajax请求并能前进和后退问题

    在我们浏览不同网页的时候,我们可以通过浏览器的前进、后退键来去到我们前后访问过的页面。这篇文章主要介绍了让浏览器记住ajax请求并能前进和后退方法(一),需要的朋友可以参考下
    2017-06-06
  • ajax快速解决参数过长无法提交成功的问题

    ajax快速解决参数过长无法提交成功的问题

    下面小编就为大家带来一篇ajax快速解决参数过长无法提交成功的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • jquery中的ajax异步上传

    jquery中的ajax异步上传

    本篇文章给大家介绍jquery中的ajax异步上传,在此需要引入ajaxfileupload.js这个js文件。接下来,有需要的朋友跟着小编一起学习吧
    2015-09-09
  • Ajax异步检查用户名是否存在

    Ajax异步检查用户名是否存在

    这篇文章主要为大家详细介绍了Ajax异步检查用户名是否存在的相关方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • AJAX中同时发送多个请求XMLHttpRequest对象处理方法

    AJAX中同时发送多个请求XMLHttpRequest对象处理方法

    AJAX中同时发送多个请求XMLHttpRequest对象处理方法...
    2007-04-04
  • ajax 检测用户名是否被占用

    ajax 检测用户名是否被占用

    有时候在注册窗口,为了用户体验我们会用ajax无刷新检测用户名是否已被注册
    2006-06-06
  • 浅析Ajax后台success传来json数据的问题

    浅析Ajax后台success传来json数据的问题

    最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据。下面小编给大家介绍下在$.ajax方法中应该是如何来处理的
    2016-10-10
  • 解决AJAX请求中含有数组的办法

    解决AJAX请求中含有数组的办法

    这篇文章主要给大家介绍了如何解决AJAX请求中含有数组的问题,文中给出了详细的示例代码,相信对大家的理解和学习很有帮助,有需要的朋友们下面跟着小编一起来看看吧。
    2016-12-12
  • axios和ajax的区别点总结

    axios和ajax的区别点总结

    在本篇文章里小编给大家整理的是一篇关于axios和ajax的区别点总结内容,对此有兴趣的朋友们可以跟着学习下。
    2021-12-12

最新评论