一. 问题描述

前端代码使用Vue.js框架编写,在通过使用axios发送请求时,需要发送一个自定义的Blog对象和一个file对象,再通过Spring MVC的前端controller进行接收,Blog对象:

blog: {
	id: "",
	type: "",
	title: "",
	author: "",
	permission: "",
	created: "",
	updated: ""
}

二. Vue代码

var formData = new FormData();
formData.append("type", this.blog.type);	//Blog的对象参数
formData.append("title", this.blog.title);
formData.append("author", this.blog.author);
formData.append("permission", this.blog.permission);
formData.append("file", this.file);
this.axios({
    	url: "/api/blog/blogger/upBlog.action",
	method: "post",
	data: formData,
	headers: {
		"Content-Type": "multipart/form-data"
	}
}).then((response) => {
                    
}).catch((error) => {
                   
});

三. Spring MVC代码

/**
 * @Author WuZhengHua
 * @Description TODO 上传新的博客文章 -- 用户自定义md文件上传
 * @Date 15:30 2019/10/22
 **/
@PostMapping("/blogger/upBlog.action")
public Map<String, Object> upBlog(Blog blog, MultipartFile file) {
    return blogService.upBlog(blog, file);
}