How to send multipart/form-data file?

Question

I have this in html:

Choose File

 handleFileInput(files: FileList) { const headers = new Headers({ 'Content-Type': 'multipart/form-data' }); var formData = new FormData(); formData.append("myFile", files.item[0]); this.api.postWithoutEntity('/socialintegration/callback/attachment', { recipientId: this.selected.custSocId, file: formData }).subscribe(); this.upload = false; }

but im getting this: Current request is not a multipart request"

Any suggestion?

Answer 1

I don't know how your this.api.postWithoutEntity method works, but you aren't using headers variable. You must pass your headers on request

const headers = new Headers({ 'Content-Type': 'multipart/form-data' });

return this.http.post<any>(
  "/socialintegration/callback/attachment",
  {recipientId: this.selected.custSocId, file: formData},
   headers
);

https://angular.io/guide/http#updating-headers