AJAX 基于 FormData 上传文件

最新推荐文章于 2024-09-16 21:59:57 发布

化疼·马

最新推荐文章于 2024-09-16 21:59:57 发布

阅读量178

点赞数

分类专栏：日常记录文章标签： javascript jquery html5 java

本文链接：https://blog.csdn.net/qq_36698818/article/details/113936702

版权

日常记录专栏收录该内容

2 篇文章 0 订阅

订阅专栏

AJAX 基于 FormData 上传文件

使用jquery，不说废话，直奔代码

1.html部分

	<input id="printTemplate" type="file">
	<input id="reviewTemplate" type="file">
	<button onclick="sub()">提交</button >

2.js部分

function sub(){
	let fd = new FormData(); //声明一个 formData对象
	fd.append("printTemplate", $("#printTemplate").get(0).files[0]);
	fd.append("reviewTemplate", $("#reviewTemplate").get(0).files[0]);
	$.ajax({
		url: "/uploadTemplateFiles",
		type: "post",
		dataType: "json",
		contentType: false,
		processData: false,// 告诉jQuery不要去处理发送的数据
		data: fd,
		success: function (result) {
		  alert(‘上传成功’);
	    }
	 }
}

3.java后台部分

@PostMapping("/uploadTemplateFiles")
@ResponseBody
public AjaxResult uploadTemplateFile(@RequestParam("reviewTemplate") MultipartFile reviewTemplate,@RequestParam("printTemplate") MultipartFile printTemplate) {
    System.out.println(reviewTemplate.getOriginalFilename());//输出文件名
    System.out.println(printTemplate.getOriginalFilename());
    return null;
}