使用AJAX实现文件上传时illegal invocation错误的原因及解决方案

最新推荐文章于 2024-01-11 15:30:52 发布
最新推荐文章于 2024-01-11 15:30:52 发布
阅读量2.2k 收藏 1
点赞数
文章标签： ajax

https://blog.csdn.net/qq_42181069/article/details/80333779

因为传进来的参数被预先处理了，所以才出现了illegal invocation报错,只要将processData的值改为false就能解决这个小问题；

因为JQ自动的帮我们设置了请求头，但是ajax2.0中不需要设置请求头，我们找到contentType，把它的值设为false就能够取消掉这个设置。

contentType: false,
processData: false

qzo_smile
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 jQuery.ajax 上传带文件的表单遇到的问题
11-26
今天帮人看代码的时候，遇到一点小问题。使用 jQuery 上传带文件的表单时，会有些问题。 首先，因为使用的是 FormData，所以必须在传入 $.ajax 的参数中配置 processData: false。 否则将会抛出 Illegal invocation 的异常，因为 jQuery 默认是会对传入的 data 字段的数据进行处理的。 官方文档是这么解释的： 其次，注意请求的 Content-Type 首部，默认是 application/x-www-form-urlencoded; charset=UTF-8，也就是我们通常见的 “a=A&b=B” 这种格式。但使用 FormDat
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
出现Illegal invocation的报错
weixin_66300167的博客
05-09 922
Illegal invocation的报错
Ajax上传文件注意事项（公司微信端项目问题）
weixin_30662109的博客
03-13 226
如图： 因为传进来的参数被预先处理了，所以才出现了illegal invocation报错,只要将processData的值改为false就能解决这个小问题； 因为JQ自动的帮我们设置了请求头，但是ajax2.0中不需要设置请求头，我们找到contentType，把它的值设为false就能够取消掉这个设置。 转载于:https://www.cnblogs.com/ttty/p...
【踩坑记录】springboot用实体类接收MultipartFile，前后端请求问题
万物互联的博客
07-21 5630
1、后端将MultipartFile包在实体类中，框架接收到参数，在有值的情况下，是可以成功找到参数解析器进行赋值的。如果前端表单中的文件选择框不选择资源进行提交，则是空串或"null"，后端框架无法正常赋值。在GenericConversionService这个类中有这么一段代码=null);}在前端请求数据中file为空值或"null"值时，后端在参数解析的时候类型无法匹配，则会导致报错。我在调试过程中，跟踪到这里时，contentType发送数据到服务器时所使用的内容类型。默认是。......
Uncaught TypeError: Illegal invocation
qq_49420571的博客
07-31 666
Uncaught TypeError: Illegal invocation和Uncaught (in promise) TypeError: Failed to execute ‘arrayBuffer’ on ‘Blob’: Illegal invocation。：在ajax请求参数中添加。
#报错解决#TypeError Failed to execute ‘readAsText‘ on ‘FileReader‘ parameter 1 is not of type ‘Blob‘
m0_67402341的博客
03-12 1万+
问题描述 在实现需求：批量下载的时候，返回的数据类型设置为blob $http({ method: 'post', url: dataurl, data: bodyParam, headers: { 'Content-Type': 'application/jsons', }, responseType: '
[实验室系列]-文件上传/下载
Pacifica_的博客
12-01 1911
文件上传，学习实践前后端交互中文件上传以及文件下载的知识
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
10-16
当使用FormData对象时，我们需要确保在调用$.ajax()方法时正确配置相关参数，以避免"Uncaught TypeError: Illegal invocation"这样的错误。 首先，我们需要理解`processData`和`contentType`这两个关键参数的作用：...
解决Ajax方式上传文件报错”Uncaught TypeError: Illegal invocation”
12-11
今天使用ajax上传文件时，出现了错误。数据传输的方式是通过定义formData完成的，提交的文件对象也设置为dom对象，但是还是不能发送请求。F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了...
Failed to execute ‘readAsArrayBuffer‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘
热门推荐
xiao_cheng_的博客
11-10 1万+
Failed to execute ‘readAsArrayBuffer’ on ‘FileReader’: parameter 1 is not of type ‘Blob’ 在vue中使用FileReader时遇到Failed to execute ‘readAsArrayBuffer’ on ‘FileReader’: parameter 1 is not of type 'Blob’的报错，尝试了new Int8Array、readAsArrayBuffer等方式却依旧没有解决。多次调试后发现是因为
使用AJAX实现文件上传时,illegal invocation错误的原因及解决方案
m0_72497988的博客
10-12 843
illegal invocation错误的原因及解决方法
报错:Failed to execute ‘json‘ on ‘Response‘: body stream already read
weixin_50517811的博客
09-01 1444
如果需要多次访问响应体的内容，应该在第一次读取后将数据保存在变量中，以避免多次读取响应体。流的内容，然后将其解析为 JavaScript 对象。一旦这个操作完成，body即被消耗。属性，它是一个可读取的流但只能被读取一次。一旦你读取了响应体的内容，它就会被消耗掉。获取 HTTP 响应后，它返回的。解析响应体为 JSON 数据时，变量中获取数据，而不必再次读取。
axios设置responseType: “blob“失败原因- mock模块会影响原生的ajax请求，使得返回的blob类型变成乱码
小火车况且况且况且的博客
04-19 925
axios
关于illegal invocation报错的解决方法
月来better
04-14 4028
当用ajax向后端传递上传的表单数据时，出现以下报错信息： Uncaught TypeError: Illegal invocation at e (jquery.min.js:4) 解决方法： 需要在ajax请求中加上： $.ajax({ contentType: false, processData: false })
解决axios请求文件流前端通过new Blob完成文件流下载文件打不开
最新发布
weixin_63029264的博客
01-11 2073
解决axios请求文件流前端通过new Blob完成文件流下载文件打不开
解决ajax方式上传文件报错”uncaught typeerror: illegal invocation”
08-31
在使用Ajax方式上传文件时报错"Uncaught TypeError: Illegal invocation"错误可能是因为在处理文件上传时，没有正确设置相关参数或调用方法错误。下面是一些可能导致此错误的原因和解决方法： 1. 使用FormData对象： 在调用Ajax请求时，需要使用FormData对象来构建表单数据，并使用append方法将要上传的文件添加到表单数据中。确保在调用时没有错误地传递参数。 2. 设置Content-Type头部： 在发送Ajax请求时，确保正确设置Content-Type头部为"multipart/form-data"，以确保服务器能够正确解析上传的文件。 3. 检查服务器端代码： 确保服务器端代码正确处理文件上传，包括接收文件、验证文件类型和大小等操作。如果服务器端代码有问题，可能会导致客户端报错。 4. 跨域问题： 如果你的Ajax请求是跨域的，可能会受到浏览器的限制，导致出现此错误。确保在服务器端设置了合适的跨域许可，或使用代理服务器等方式解决跨域问题。 5. 调用方法错误： 检查调用的Ajax方法是否正确，确保正确地指定了请求方法（GET、POST等），并传递了正确的URL和参数。 总之，解决"Uncaught TypeError: Illegal invocation"错误需要仔细检查前端和后端代码，确保正确设置了表单数据、请求头部和调用方法。如果仍然存在问题，可以查看浏览器控制台的详细错误信息，以便进一步排查问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值