FormData--JQuery使用FormData利用Ajax实现多图片、文件上传

最新推荐文章于 2024-08-14 00:13:39 发布

木木超人

最新推荐文章于 2024-08-14 00:13:39 发布

阅读量3.1k

点赞数 1

文章标签： ajax 表单 jQuery上传文件多文件上传

本文链接：https://blog.csdn.net/Liy_kid/article/details/56066046

版权

本文介绍了如何使用FormData和Ajax无刷新上传多个文件。通过设置form的enctype属性，配合Ajax的processData、contentType和cache参数，以及后台获取文件的方式，实现了便捷的文件上传功能。

摘要由CSDN通过智能技术生成

传统的form表单提交会导致页面刷新，但是在有些情况下，我们不希望页面被刷新，这种时候我们都是使用Ajax的方式进行请求的。
我自己了解的实现文件上传的比较好用的，有普通的Ajax提交文件方式、FilesUpload等，但是用了FormData后，觉得fromdata使用起来更加简单便捷，所以在此给各位小伙伴们分享一下，不足之处还请各位伙伴提示，在此感谢！
例如表单：
表单内必须设enctype=”multipart/form-data”属性。

<form id="add_news" method="post" enctype="multipart/form-data" > 
<input type="file" id="photo">
<input type="file" id="photo2">
<input type="file" id="photo3">
<input type="text" id="photo4">
<input type="text" id="photo5">
</f