将Curl文件上传命令转换为Angular POST请求时遇问题，求指导

错误点分析 #

• 你当前的代码把文件放在params对象中，params是用来配置URL查询参数的，无法实现文件上传
• 没有采用multipart/form-data格式的请求体，而curl的-F参数正是对应这种上传格式，这是文件上传的标准方式

正确实现代码 #

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class FileUploadService {
  private uploadUrl = "https://store1.gofile.io/uploadFile";

  constructor(private http: HttpClient) { }

  uploadFile(file: File) {
    // 构建multipart/form-data格式的请求体
    const formData = new FormData();
    // 追加文件，键名'file'要和接口要求一致
    formData.append('file', file);

    // 发送POST请求，传入FormData作为请求体
    return this.http.post(this.uploadUrl, formData);
  }
}

使用说明 #

调用该方法时，只需传入File对象即可，Angular会自动处理Content-Type请求头，匹配curl命令的上传行为。

内容的提问来源于stack exchange，提问作者piyush