如何将angular 4中的图片上传到Web API？

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

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

  constructor(private http: HttpClient) { }

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

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

    this.http.post('https://your-web-api-url/upload', formData)
      .subscribe(response => {
        console.log('Upload success:', response);
      }, error => {
        console.error('Upload error:', error);
      });
  }
}

[Route("api/[controller]")]
[ApiController]
public class ImageController : ControllerBase
{
    [HttpPost("upload")]
    public IActionResult UploadImage(IFormFile image)
    {
        // 处理图片上传逻辑，保存到服务器指定位置
        // 返回上传成功信息或者图片的URL地址

        return Ok(new { message = "Upload success" });
    }
}