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

前端之家收集整理的这篇文章主要介绍了angular – 如何使用HttpClient发送表单数据请求?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前,我想将文件上传到我们的服务器.我可以用@ 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)

有人可以帮助我吗?

非常感谢.

解决方法

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

  }
}

猜你在找的Angularjs相关文章