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

使用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