angular 5 - http post with specific header

Question

My headers are set in constructor as follow:

this.headers = new Headers();
this.headers.append('Content-Type', 'multipart/form-data;boundary=--boundary');

I have collected data to post it out in formData

            .....
 let data = new FormData();
     data.append('file', file);
     data.append('fileName', file.name);
     data.append('fileSize', file.size.toString());
     data.append('fileType', file.type);
     data.append('fileLastMod', file.lastModifiedDate);
            .....

Here i am posting the data

let url = 'http://api.********.com/gallery/'+ this.selectedCategory;
            this._http.post(url, data, {headers : this.headers})
                .toPromise()
                .catch(reason => {
                    console.log(JSON.stringify(reason));
                }).then(result => {
                console.log('From Promise:', result);
            });

But i get following error:

API that i am approaching requires following:

So my question is how to set up these requirements like boundaries, content disposition an so on ? These are pretty new things to me.

change the header headers.set('Accept', 'application/json'); — Sachila Ranawaka
– Sachila Ranawaka, Commented Dec 28, 2017 at 16:29

mangeshbhuskute · Accepted Answer · 2018-03-17 18:04:20Z

4

If you are sending formdata object in request then do not need to import content-type.

Angular HTTP method support multipart type, where as HttpClient also support multipart with default reportProgress feature which will notify uploading status

Solution- Use HTTP method, it will set boundaries on its own.

edited Mar 17, 2018 at 18:04

answered Dec 28, 2017 at 17:46

mangeshbhuskute

1407 bronze badges

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

Collectives™ on Stack Overflow

angular 5 - http post with specific header

My headers are set in constructor as follow:

I have collected data to post it out in formData

Here i am posting the data

But i get following error:

API that i am approaching requires following:

So my question is how to set up these requirements like boundaries, content disposition an so on ? These are pretty new things to me.

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

My headers are set in constructor as follow:

I have collected data to post it out in formData

Here i am posting the data

But i get following error:

API that i am approaching requires following:

So my question is how to set up these requirements like boundaries, content disposition an so on ? These are pretty new things to me.

1 Answer 1

Comments

Related