Springboot接收文件报错Required request part‘file‘is not present问题分析及解决
作者：酱油不配拉鸡
文章总结：在Flutter和Vue项目中遇到文件上传问题,后端接口Controller定义无误,但前端通过FormData封装上传文件时报错,通过浏览器抓包和PostMan测试,发现后台确实可以接收参数,最终通过修改封装的file为file.raw解决问题,解决了文件上传不成功的问题
问题描述
之前在写Flutter 项目时曾经有个手写签名文件上传的需求，通过前端打印文件和网络抓包，确定了文件不为空，但是后台死活接收不到文件，最近写 Vue+elementplus 上传文件时又出现了同样的问题。
后端接口Controller定义代码如下：
@RequestMapping("/file")
public Result<?> saveFile(@RequestParam("groupName")String name,@RequestParam("file") MultipartFile file){
}
前端文件通过 FormData 封装
const formData = new FormData();
formData.append("groupName", this.newGroup.name)
formData.append("file", this.newGroup.file)
通过前端上传文件时报错，错误信息如下：
问题排查
浏览器抓包发现确实有文件对象
这里要确认参数名称和后台是否一致
PostMan
使用 PostMan 确定后台可以正常接收参数，接口没问题
解决方法
网上搜索到了各种解决方案，在我这里都无效，包括什么存在多个相同的文件名称、修改请求头配置等。
最后通过修改封装的 file 为 file.raw 解决问题。
const formData = new FormData();
formData.append("groupName", this.newGroup.name)
formData.append("file", this.newGroup.file.raw)
总结
感兴趣可以研究一下 file 和 file.raw 的坑。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。