上传文件时参数变成[object object]

背景

前端为Vue + Element，后端使用SpringBoot上传文件，后端接口的文件用MultipartFile类型，接口如下：

    @PostMapping("/xxxx")
    public Object xxxx(
            @RequestParam(value = "xxx") String xxx,
            @RequestParam(value = "zzz") String zzz,
            @RequestParam(value = "file", required = false) MultipartFile file)
             {
             ...
             }
        

前端post参数如下：

  let formdata = new FormData()
  formdata.append('file', this.file)

调试过程中发现，传递的文件变成了[object object],后端的file也为null。

解决

前端传参数时，不要用file，而用file.raw,即：

 let formdata = new FormData()
 formdata.append('file', this.file.raw)