axios 要同时提交
file : 图片/文件数据;
info:{title:'123'} // 表单数据
文件
this.fileLoad = new FormData()
this.fileLoad.append('file', files)
form 表单其他json 数据
1661743951026.png
vue端提交文件及json数据代码:
let formData = new FormData();
formData.append('file', file);
formData.append("postInfo", new Blob([JSON.stringify({"title": "测试标题", "type": 3})], {type: "application/json"}));
axios.post(`/api/post`, formData, {headers: {'Content-Type': 'multipart/form-data'}})
.then(response => {
}).catch(() => {
});
后端接收数据
@ApiOperation("上传图片")
@PostMapping
public BaseResult<?> add(@RequestPart MultipartFile file, @RequestPart Map<String, Object> postInfo){
// 具体业务逻辑
return null;
网友评论