SpringBoot同时接收文件以及json参数实现方式

千鹤纸

目录

• 前端传参
• 后端接收
• 注意
• ​​​​​​​总结

前端传参

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. 前端要注意 请求头信息

​​​​​​​总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持琼殿技术社区。

您可能感兴趣的文章:

• Springboot接收文件报错Required request part‘file‘is not present问题分析及解决
• 在springboot项目中同时接收文件和多个参数的方法总结
• Springboot接收文件与发送文件实例教程
• SpringBoot中实现接收文件和对象