使用 jQuery.ajax 上传带文件的表单遇到的问题
更新时间：2016年10月31日 11:07:09 作者：文蔺
使用 jQuery 上传带文件的表单时，会遇到一些小问题。今天小编抽时间给大家介绍使用 jQuery.ajax 上传带文件的表单遇到的问题，感兴趣的朋友一起看看吧
今天帮人看代码的时候，遇到一点小问题。使用 jQuery 上传带文件的表单时，会有些问题。
首先，因为使用的是 FormData，所以必须在传入 $.ajax 的参数中配置 processData: false。
否则将会抛出 Illegal invocation 的异常，因为 jQuery 默认是会对传入的 data 字段的数据进行处理的。
官方文档是这么解释的：
其次，注意请求的 Content-Type 首部，默认是 application/x-www-form-urlencoded; charset=UTF-8，也就是我们通常见的 “a=A&b=B” 这种格式。但使用 FormData 时，就不行了。
对参数添加 contentType 字段，将其值设置为 false 即可。如果 jQuery 版本小于 1.6，则手动设置为 multipart/form-data。具体说明请见文档说明：
我以前通常都是使用原生的 XMLHttpRequest，所以倒也没有遇到过这种问题。既然遇到了，就得解决。因此记录下来，以备日后查找。
以上所述是小编给大家介绍的使用 jQuery.ajax 上传带文件的表单遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了jQuery中队列queue()函数的实例教程,queue()函数为JavaScript函数的执行顺序控制操作提供了便利,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了基于jQuery实现的仿百度首页滑动选项卡效果代码,涉及jQuery响应鼠标事件实现页面元素动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
这篇文章主要为大家详细介绍了jQuery开发之内容滑动切换效果的相关资料，jquery.hwSlide.js插件进行封装具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
下面小编就为大家带来一篇jQuery用noConflict代替$的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了jQuery实现仿微软首页感应鼠标变化滑动窗口效果,基于jQuery响应鼠标事件简单实现动画效果,非常简单实用,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了Jquery实现纵向横向菜单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
虽然圆角页面很好看，但一直以来都不太好实现，一方面是没有CSS3，二是都得通过美工切图切出来角。但这些麻烦事即将过去，就是因为它：jQuery Corner的出现！2014-08-08
这篇文章主要介绍了jquery实现网页的页面平滑滚动效果代码,涉及jQuery结合鼠标事件操作页面元素滚动效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了jQuery图片轮播实现并封装,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论