Angular 2+ send request with Json data + FormData

Question

Is there a way to send FormData and a json object at the same time in http.request of angular 2+? I need the solution for angular2+, not to angularjs.

let data = {id: 1, name: 'test'};
let formData = new FormData();
formData.append('fileData', file); //file from inputfile

let headers = new Headers();
headers.append('Accept', 'application/json');

let options =  new RequestOptions({ headers: headers });
options.method = 'POST';
options.body = data; //data is my object

//options.formData= formData; //formData is my FormData with file data to upload

this.http.request(url, options);

I finally found a proper way to upload a file and send some JSON within the same request and made a proper answer here: stackoverflow.com/questions/39693966/… — maxime1992
– maxime1992, Commented Nov 21, 2017 at 8:16

Cristian Scheel · Accepted Answer · 2019-05-02 12:31:00Z

3

You have to pass the file and the JSON object on the "formData" object like this example:

public submitForm(picture: File, data: any): Observable<any> {
 const formData = new FormData();
 formData.append('picture', picture);
 formData.append('data', JSON.stringify(data));
}

answered May 2, 2019 at 12:31

Cristian Scheel

93113 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Angular 2+ send request with Json data + FormData

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related