angular - 如何使用HttpClient发送表单数据请求？

Question

目前，我想上传一个文件到我们的服务器。我可以使用 @angular/http 库中的 Http 来做到这一点。

但是现在，我们想要更改使用 HttpClient 以与当前项目保持一致。我四处搜索，但找不到有关如何使用 HttpClient 将表单数据添加到发布请求的解决方案？

这是我用来通过http上传文件的代码:

let formData: FormData = new FormData();
formData.append('file', file, file.name);
this._http.post(base_api_url + uploadFileApi, formData)

对接下来要尝试什么有什么想法吗？

Answer 1

这是执行此操作的 Angular 服务:

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 });

  }
}