首页 > Web开发 > 详细

ajax进行文件上传问题总结 - 已处理

时间:2020-03-08 23:33:12      阅读:90      评论:0      收藏:0      [点我收藏+]

ajax做文件上传,浏览器端出现如下错误描述:

 -------》 Uncaught TypeError: Illegal invocation,并将错误指向了: $.ajax这一行。

技术分享图片

html中ajax代码:

技术分享图片

 

经过详细的审查,得出:

    (1)form表单的id字母写错了,致使FormData对象拿不到值!

  (2)还有就是提交方式要"前后"保持一致!

  (3)"contextType"和"processData"的属性值为 fasle,谨记不能使用引号包起来!

 

    技术分享图片

 

 

说明:  

    "contentType" :  false 
    "processData" :  false  ,

  这两个key-value是在文件上传过程中不可缺少的两部分,意思是告诉jQuery不要对着两部分的数据进行处理,使用默认的即可。

  另:

    "data":new FormData($("#form-upload")[0]),

    表示从form表单中拿到id为form-upload的第1个(下标为0)输入框的值!而之前的拿值是对输入框的属性进行serialize(),

  即:$("#form-upload").serialize(),

-------仅供参考。

 

ajax进行文件上传问题总结 - 已处理

原文:https://www.cnblogs.com/chenglaoshi/p/12445634.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!