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?](https://stackoverflow.com/help/how-to-ask) — Padua, Aug 18 '21 at 18:47

score 0 · Accepted Answer · answered Aug 18 '21 at 19:06

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 '21 at 19:06

Khaled Kaouk

16
1

removed http options and used proxy config.json to avoid cors issue that worked for me...im accepting the answer – sai krishna reddy Aug 19 '21 at 05:53

angular Spring Boot File Upload Example

angular service class code

spring boot controller code

1 Answers1