使用JQuery Ajax发送FormData数据

最新推荐文章于 2023-05-28 23:07:33 发布

YuanSword

最新推荐文章于 2023-05-28 23:07:33 发布

阅读量4k

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/YuanSword/article/details/108272887

版权

本文详细介绍如何利用FormData对象和Ajax技术实现文件上传，包括数据封装、请求发送及控制器页面的参数接收，特别关注图片等二进制数据的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

视图页面的代码
1、先创建一个FormData：var form = new FormData();
2、然后进行数据的封装：form.append(“封装数据的名字”，数据)，例如： form.append(“userID”,userID);
3、数据封装完成后进行请求：$.ajax({
method:“请求类型(post/get)”,
url:‘请求的路径’,
data:form(创建的FormData的名字),
processData:false,(让jQuery不去处理发送的数据)
contentType:false（让jQuery不去设置Content-Type请求头）
success:function(msg){}（回调）
})
控制器页面的代码需要做好接受参数的操作，而当有类似于图片这种的数据时，需要把将图片单独进行接收操作类型是HttpPostedFileBase