纷享销客_网站制作报价优惠_技术培训机构_磁力bt种子搜索神器

前端传参

let upData = new FormData();
// 将文件列表赋值给files参数
this.files.forEach(function (file) {upData.append("files", file);
});
this.firmwareSaveDto = this.formData;
let commodityDto = JSON.stringify(this.firmwareSaveDto);
// 将json对象赋值给saveDto参数
upData.append("saveDto",new Blob([commodityDto], { type: "application/json" })
);
// 发送请求，注意请求头信息
axios.post('/v1/test/upload_files', upData, {headers: {'Content-Type': 'multipart/form-data'}
})

后端接收

/*** 上传文件* @param files* @param saveDto* @return*/
@PostMapping(value = "/upload_files",name = "上传文件")
public ExecuteResult uploadFiles(@RequestPart("files") MultipartFile[] files,@RequestPart("saveDto") @Valid SaveDtosaveDto){// 逻辑代码。。。。。。
}

注意

1. 后端【同时接收文件以及json参数】时使用@RequestPart注解。
2. 后端与前段要约定好文件与json的对应参数名files、saveDto。
3. 前端要注意请求头信息