如何使用angular在put请求中发送图像

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

@Injectable({
  providedIn: 'root'
})
export class ImageService {
  constructor(private http: HttpClient) { }

  uploadImage(image: File): Observable<any> {
    const formData = new FormData();
    formData.append('image', image);

    return this.http.put('your-api-endpoint', formData);
  }
}

import { Component } from '@angular/core';
import { ImageService } from './image.service';

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent {
  constructor(private imageService: ImageService) { }

  onFileSelected(event: any): void {
    const file: File = event.target.files[0];
    this.imageService.uploadImage(file).subscribe(
      response => {
        console.log('Image uploaded successfully');
      },
      error => {
        console.error('Error uploading image');
      }
    );
  }
}

<input type="file" (change)="onFileSelected($event)">