Angular :如何将文件作为spring boot映射到域类的表单数据的一部分发送？

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

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  selectedFile: File;

  constructor(private http: HttpClient) { }

  onFileSelected(event): void {
    this.selectedFile = event.target.files[0];
  }

  onUpload(): void {
    const formData = new FormData();
    formData.append('file', this.selectedFile);

    this.http.post('/api/upload', formData, {
      headers: { 'Content-Type': 'multipart/form-data' }
    }).subscribe(response => {
      console.log('File uploaded successfully');
    }, error => {
      console.error('Error uploading file:', error);
    });
  }
}

@RestController
@RequestMapping("/api")
public class FileUploadController {

  @PostMapping("/upload")
  public ResponseEntity<String> uploadFile(@RequestParam("file") MultipartFile file) {
    // 处理文件上传逻辑
    // ...

    return ResponseEntity.ok("File uploaded successfully");
  }
}