使用 jQuery.ajax 上传带文件的表单遇到的问题

195 阅读 0 评论 129 点赞

我是靠谱客的博主贤惠书包，最近开发中收集的这篇文章主要介绍使用 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 上传带文件的表单遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。