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

最新推荐文章于 2023-11-16 15:52:07 发布

转载最新推荐文章于 2023-11-16 15:52:07 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dreamstartplace/p/10932051.html

文章标签：

#javascript #ViewUI

使用jQuery Ajax异步提交文件时，可能会报Uncaught TypeError：Illegal invocation错误。原因是上传图片数据的参数类型为对象而非字符串值。解决办法是先检查参数书写，若要上传对象型数据，需在ajax参数里加入processData: false和contentType : false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用jquery ajax异步提交文件的时候报Uncaught TypeError ：Illegal invocation错误，报错信息如图：

错误原因：

　　jQuery Ajax 上传文件处理方式，使用ajax向后台发送数据时其中的图片数据的参数类型为file,属于对象，而不是一个字符串值。导致错误的出现

　　　　var formData = new FormData();

　　　　formData.append("src", 2);

　　　　formData.append("file",imgFile);

　　首先看是否由于参数书写错误导致上述问题，如果误写成对象请修改相应参数类型。如果确定要上传的数据之一就是对象型，那么请在ajax参数里加入

　　　　processData: false

　　　　contentType : false

　　　　  $.ajax({
              url: '传输地址',
              type: 'POST',
              cache: false,    //上传文件不需要缓存
              data: formData,
              processData: false, // 告诉jQuery不要去处理发送的数据
              contentType: false, // 告诉jQuery不要去设置Content-Type请求头
              success: function (res) {
                    console.log(res)
                    if(res.ret == 0){
                        console.log(上传成功)
                    }
                },
                error: function (err) {
                    console.log(err)
                }
            })

转载于:https://www.cnblogs.com/dreamstartplace/p/10932051.html