以ajax方式向后台发送文件

最新推荐文章于 2025-06-07 14:38:43 发布

原创最新推荐文章于 2025-06-07 14:38:43 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#java #ajax #MultipartFile #file

java 专栏收录该内容

19 篇文章

订阅专栏

本文介绍在MVC框架中使用两种不同方法实现文件上传的过程。第一种方法通过使用`jquery.form.js`简化AJAX提交操作；第二种方法则利用原生`FormData`对象结合`$.ajax`进行文件上传，同时支持额外参数追加。

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

注意：MVC接収的参数名称必须与form--file标签名称一致接収类型为MultipartFile
如：public String test(@RequestParam("fileName")MultipartFile fileName){

第一种方式：ajaxSubmit((option));

注：需要引入jquery.form.js文件

var option = {
url : '/path',
type : 'POST',
dataType : 'text',
headers : {"ClientCallMode" : "ajax"},
success : function(data) {
alert(data);
},
error: function(e) {
top.showText(e);
}
};
$("#Form").ajaxSubmit(option);

第二种方式：new FormData($("#Form")[0]);

var formData = new FormData($("#Form")[0]);
var groupUuid = $("#groupUuid").val();
可以追加参数
formData.append('groupUuid', groupUuid);
$.ajax({
type:"post",
url:"app/importExcel",
processData: false,
contentType: false,
data:formData,
success:function(result){
alert(result);
},error:function () {
top.showText(e);
},
dataType:"text"
});
});