角度 Spring Boot 文件上传示例

Posted 2023-02-27

【中文标题】角度 Spring Boot 文件上传示例

【英文标题】：angular Spring Boot File Upload Example

【发布时间】：2021-10-20 13:39:17

【问题描述】：

我想将文件上传到 Spring Boot 后端，我应该如何在 postrequest 中将 Formdata 作为 requestparam 发送，我尝试了以下代码

角度服务类代码

let headers=new HttpHeaders(
               'Content-Type="multipart/form-data'
                )
                const formData:FormData=new FormData();
                formdata.apend('file',file);
                 return this.http.post(uploaadfile,params:
                 file:formData,
                  contracttemplateid:28
                  ,options);

spring boot 控制器代码

@postmapping
uploadfile(@requestparam("file") MultipartFile 
file,@requestparam("contracttemplateid") long id)

【问题讨论】：

阅读 -> How do I ask a good question?

【参考方案1】：

Uploadfile(formData: FormData, FileName: string)    
   return this.http.post('URL',formData,'params': filename : FileName);
  

let fd = new FormData();
let FileName = "FileName";

fd.append(SeletedFile, FileName)

Uploadfile(fd,FileName);

【讨论】：

删除了 http 选项并使用代理 config.json 来避免对我有用的 cors 问题......我接受了答案