angular Spring Boot File Upload Example

Question

I want to Upload File To Spring boot backend , How should I send Formdata as requestparam in postrequest, i tried following code

angular service class code

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 controller code

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

read -> How do I ask a good question?

Padua
– Padua

2021-08-18 18:47:07 +00:00
Commented Aug 18, 2021 at 18:47 — Padua
– Padua, Commented Aug 18, 2021 at 18:47

Khaled Kaouk · Accepted Answer · 2021-08-18 19:06:13Z

0

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);

answered Aug 18, 2021 at 19:06

Khaled Kaouk

161 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

sai krishna reddy Over a year ago

removed http options and used proxy config.json to avoid cors issue that worked for me...im accepting the answer

Collectives™ on Stack Overflow

angular Spring Boot File Upload Example

angular service class code

spring boot controller code

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

angular service class code

spring boot controller code

1 Answer 1

1 Comment

Related