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

发布时间：2020-12-17 17:59:21 所属栏目：安全来源：网络整理

导读：目前,我想将文件上传到我们的服务器.我可以用@ angular / http lib中的Http来做. 但现在,我们希望使用HttpClient进行更改以与当前项目保持一致.我做了搜索,我找不到如何使用HttpClient将表单数据添加到post请求的解决方案？ [更新]我用来通过http上传文件的

目前,我想将文件上传到我们的服务器.我可以用@ angular / http lib中的Http来做.

但现在,我们希望使用HttpClient进行更改以与当前项目保持一致.我做了搜索,我找不到如何使用HttpClient将表单数据添加到post请求的解决方案？

[更新]我用来通过http上传文件的代码

let formData：FormData = new FormData();
formData.append(‘file’,file,file.name);
this._http.post(base_api_url uploadFileApi,formData)

有人可以帮助我吗？

非常感谢.

解决方法

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

  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!