Angular文件上传时formdata.get返回空值问题求助

我正在尝试实现文件上传功能，相关参考信息如下：

• 要调用的swagger接口：
• 服务代码：
• HTTP请求函数代码：
• file变量控制台输出：
• HTTP请求payload内容：
• 接口返回错误信息：

当前遇到formdata.get返回空值的问题，请问该如何解决？

前端侧排查 #

• 确认FormData字段名和接口定义完全一致：接口要求的上传字段如果是file，必须严格按照formData.append('file', 你的文件对象)写法，拼写、大小写不能有偏差
• 不要手动设置Content-Type请求头：发送FormData时浏览器会自动生成带boundary边界标识的multipart/form-data请求头，手动设置会丢失边界值，导致后端无法拆分解析请求体
• 禁止序列化FormData：请求函数中直接传递FormData实例即可，不要转JSON、不要用qs等工具序列化，序列化会直接破坏FormData的二进制结构
• 本地校验FormData内容：append完成后直接执行console.log(formData.get('file'))，如果此处返回空，说明你拿到的file对象本身无效、或者append参数错误，优先排查文件选择逻辑拿到的file实例是否正常

后端侧排查 #

• 确认接口注解配置正确：以SpringBoot为例，文件接收参数需要加@RequestParam("file") MultipartFile file注解，字段名和前端保持一致
• 检查是否开启文件上传配置：确认项目已经引入文件上传依赖、且没有禁用Multipart解析器，部分框架默认关闭文件上传解析会导致无法拿到FormData内容
• 排查请求体大小限制：如果上传的文件超过后端配置的最大请求体大小，也会出现参数解析为空的情况，可先尝试上传100KB以内的小文件验证

内容的提问来源于stack exchange，提问作者godocmat