How to use HttpClient send a form data request?

Question

Currently, I want to upload a file to our server. I can do it with Http from @angular/http lib.

But now, we want to change using HttpClient to align with the current project. I did search around, I could not find a solution on how to add a form data to the post request using HttpClient?

[Update] the code that i used to upload file by http let formData: FormData = new FormData(); formData.append('file', file, file.name); this._http.post(base_api_url + uploadFileApi, formData)

Could someone help me on that?

Thank so much.

Answer 1

Here is the Angular service to do that:

import { Injectable } from '@angular/core';

@Injectable()
export class UploadService {

  constructor(private http: HttpClient) {}

  uploadFile(file: File): Observable<any> {

    const formData = new FormData();
    formData.append('file', file);

    const headers = new HttpHeaders({ 'enctype': 'multipart/form-data' });

    return this.http.post(apiUrl, formData, { headers: headers });

  }
}