我尝试将图像和输入文本字段上传到ASP Net Core Web API，但控制器未读取（Angular 13，Net 5）

Question

我需要将产品详细信息和产品图像上传到ASP.NET Core Web API中。我在下面实现HTML文件，

<form [formGroup]="myForm" (ngSubmit)="submit()">
            <mat-card>
                <h2 class="fw-bold text-center">Product Management</h2>
                <label class="fw-bold" for="">Product Name</label>
                <input type="text" name="name" id="name" formControlName="ProductName" class="form-control">

                <input type="text" name="description" id="description" placeholder="Product Description" class="form-control mt-3 mb-2" formControlName="ProductDescription">
                <input type="text" name="price" id="price" placeholder="Product Price" class="form-control mt-3 mb-2"  formControlName="price">
                <input type="text" name="created" id="created" placeholder="Product created" class="form-control mt-3 mb-2"  formControlName="created">
                <input type="text" name="cat" id="cat" placeholder="Product created" class="form-control mt-3 mb-2"  formControlName="ProductCatID">

                <input type="file" name="Image" id="Image" class="form-control mt-3 mb-2" (change)="onFileChange($event)" formControlName="ImageUrl">
                <img [src]="imageSrc" *ngIf="imageSrc" style="height: 300px; width:500px">

                <button type="submit" class="btn btn-primary btn-block mt-3">Submit</button>
            </mat-card>
        </form>

这是我已为提交数据实现的TS文件

submit(){
console.log(this.myForm.value);
this.http.post('https://localhost:5001/api/Products', this.myForm.value)
.subscribe(res => {
  console.log(res);
  alert('Uploaded Successfully.');
})

}

我已将控制器作为Bellow实现。该控制器未读取

 [HttpPost]
   public async Task<ActionResult<ProductDto>> CreateProductAsync(CreateProductDto pro, IFormFile Image)
    {
        try
        {
            if (Image == null || Image.Length == 0)
            {
                return Content("File not selected");
            }

            var path = Path.Combine(_environment.WebRootPath, "wwwroot//images", Image.FileName);
            //Saving the image in that folder 
            using (FileStream stream = new FileStream(path, FileMode.Create))
            {
                await Image.CopyToAsync(stream);
                stream.Close();
            }

            pro.ImageUrl = Image.FileName;

            var productEntity = _mapper.Map<Product>(pro);
            var newProduct = _SqlService.AddProduct(productEntity);

            var productForReturn = _mapper.Map<ProductDto>(newProduct);

            return CreatedAtRoute("GetProduct", new { id = productForReturn.ProId },
                productForReturn);
        }
        catch(Exception ex)
        {
            return StatusCode(500, $"Internal server error: {ex}");
        }
        
    }

文件夹结构

我需要将图像上传到Web API文件夹中，还需要将图像和产品详细信息存储在SQL数据库中