TYPEERROR: 'APPEND' CALLED ON AN OBJECT THAT DOES NOT IMPLEMENT INTERFACE FORMDATA

最新推荐文章于 2022-09-15 16:42:40 发布

韩师学子--小倪

最新推荐文章于 2022-09-15 16:42:40 发布

阅读量1.8k

点赞数

分类专栏： Ajax

Ajax 专栏收录该内容

15 篇文章

订阅专栏

本文探讨了使用FormData进行文件上传时遇到的TypeError问题，并提供了解决方案。通过添加processData和contentType选项，成功实现了文件的Ajax上传。

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

TYPEERROR: 'APPEND' CALLED ON AN OBJECT THAT DOES NOT IMPLEMENT INTERFACE FORMDATA

转载：http://www.tiyee.net/post/190

普通的表单上传通过jquery的serialize()转换成querystring后就可以直接ajax post 上传，但是碰到文件上传就不奏效了，型号html5有个方法FormData()可以实现上传，

我写的代码如下：

function upThumbSubmit() {
if(!window.FormData) {　
        alert('your brower is too old');
        return false;
    }
 var formData = new FormData($( "#upForm" )[0]);

  $.ajax({
        url:'?c=api&a=upload',
        type:'post',
        data:formData,
        dataType:'json',
        success:function(data){
          alert(data);
          return false;

        }
  });


}

但是报错了，错误如下

TypeError: 'append' called on an object that does not implement interface FormData.

既然浏览器明明显示支持formdata,为何这里显示append不是formdata接口呢？

答案只可能是jquery重载了formdata

在里面加上2个option,就好了，正确代码如下

function upThumbSubmit() {
if(!window.FormData) {　
        alert('your brower is too old');
        return false;
    }
 var formData = new FormData($( "#upForm" )[0]);

  $.ajax({
        url:'?c=api&a=upload',
        type:'post',
        data:formData,
        processData: false,
        contentType: false,
        dataType:'json',
        success:function(data){
          alert(data);
          return false;

        }
  });

}