ajax提交文件

最新推荐文章于 2024-09-19 13:22:45 发布

啊猿

最新推荐文章于 2024-09-19 13:22:45 发布

阅读量1k

点赞数 1

文章标签： ajax javascript ecmascript

本文链接：https://blog.csdn.net/weixin_49419695/article/details/124666438

版权

HTML5 文件上传 Ajax FormData MultipartFile

关键词由CSDN通过智能技术生成

html页面：

<form id = "uploadForm" method = "post" enctype = "multipart/form-data">
	<label>选择文件</label>
	<input id = "file" type = "file" name = "file">
	<button id = "upload" type = "button" name = "button">提交</button>
</form>

js代码：

function upload(){
	var formData = new FormData;
	var file = document.getElementById("file").files[0];
	formData.append("file",file);
	$.ajax({
		type: 'post',
		url: getRootPath() + '/xxxx/xxxxx',
		data: formData,
		dataType: "json",
		cache: false,
		processData: false,
		contentType: false,
		success: function(data){
			var result = data.returnCode;
			var msg = data.returnMessage;
			if(result === "00"){
			toastr.success("")
			}
			else{
				toastr.waring(msg);
			}
		}
})
}

后端代码：

@RequestMapping(value="/xxxx",method=RequestMethod.POST,produces = MediaTYpe.XXX)
@ResponseBody
public void a(@RequestParam("file") Multipartile file){
	
}