js单文件上传，后台java接收

最新推荐文章于 2022-12-16 10:46:11 发布

weixin_34130389

最新推荐文章于 2022-12-16 10:46:11 发布

阅读量788

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript ViewUI

原文链接：https://my.oschina.net/patch/blog/1631162

为什么80%的码农都做不了架构师？>>>

HTML代码（目前不需要form标签的方式）：

<input type="file" name="file1_1" id="file1_1">
<input type="button" value="上传" onclick="uploadFile('file1_1');" />

JavaScript代码：

function uploadFile(fileType){	//文件上传
	var fileObj = document.getElementById(fileType).files[0]; // js 获取文件对象
	var formFile = new FormData();
	formFile.append("file", fileObj); //加入文件对象
	var data = formFile;
			
	$.ajax({
		type : "post",
		url : "${ctx}/record/file/upload/" + fileType,
		data : data,
		cache : false,
		async : true,
		processData : false,	//不处理发送的数据
		contentType : false,	//不设置请求头
		success : function(){
			console.log("success");
		},
		error : function(){
			console.log("err");
		}
	});
}

Java后台代码：

@RequestMapping(value = "upload/{whatFile}")
public String upload(@PathVariable("whatFile") String whatFile, Model model, 
		@RequestParam("file") MultipartFile file,
		HttpServletRequest request, HttpServletResponse response) throws IOException {
		
	//文件上传...

	return "";
}

转载于:https://my.oschina.net/patch/blog/1631162