如何使用其他表单控件(Angular 8)和asp.net核心接口上传图片

<form (ngSubmit)="uploadImage()">
  <input type="file" #fileInput (change)="onFileSelected(fileInput)">
  <button type="submit">上传图片</button>
</form>

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

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent {
  @ViewChild('fileInput') fileInput: any;

  constructor(private http: HttpClient) {}

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

  uploadImage() {
    const formData = new FormData();
    formData.append('file', this.selectedFile);
    
    this.http.post('/api/upload', formData).subscribe(
      (response) => {
        console.log('上传成功');
      },
      (error) => {
        console.log('上传失败', error);
      }
    );
  }
}

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

[Route("api/[controller]")]
[ApiController]
public class UploadController : ControllerBase
{
    [HttpPost]
    public IActionResult UploadImage(IFormFile file)
    {
        // 处理上传的文件，可以保存到服务器本地或者上传到云存储
        // 这里以保存到服务器本地为例
        var fileName = Guid.NewGuid().ToString() + Path.GetExtension(file.FileName);
        var filePath = Path.Combine(Directory.GetCurrentDirectory(), "Uploads", fileName);
        
        using (var stream = new FileStream(filePath, FileMode.Create))
        {
            file.CopyTo(stream);
        }
        
        return Ok(new { message = "上传成功" });
    }
}