使用 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 上传带文件的表单遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
树形结构里的节点，如果它不是根部，也不是末枝，那么它一定有父母和孩子。2010-02-02
相信大家应该都会看到在各大网站上都有一个轮播器的效果，于是自己不禁也想做一个，查了资料，看了轮播器的原理，慢慢的试着做了做，最终效果勉勉强强，但还是想总结出来，或许对有需要的朋友们带来一定的帮助，下面来一起看看吧。2016-12-12
这篇文章主要介绍了jQuery加PHP实现图片上传并提交的实例，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
此Jquery插件是一款非常实用的特效，不但有分享功能，还具备了动画效果，提高了用户体验，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了jQuery中的子元素过滤选择器,列举了一些操作DOM时获取父元素的一些方法,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jQuery插件dataTables添加序号列的方法的相关资料,需要的朋友可以参考下2016-07-07
我们看到很多网站会有有错误404页面，当页面不存存时就会提示，然后过几秒就会自动跳到首页了，下面我来给大家举一个404错误页面跳到首页实例，有需要的朋友可以参考一下2013-08-08
下面小编就为大家带来一篇jQuery获取同级元素的简单代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
下面小编就为大家带来一篇jQuery之动画ajax事件(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JQuery中的AJAX，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-05-05
最新评论