我正在练习用Angular将值传递给表单，然后将其放在asp.net的post url中下面是我所做的：我的html组件：

<form [formGroup]="form" (ngSubmit)="submit()" enctype="multipart/form-data">
    <table>
        <tr>
            <td>Name</td>
            <td><input type="text" formControlName="name"></td>
        </tr>

        <tr>
            <td>Price</td>
            <td><input type="text" formControlName="price"></td>
        </tr>

        <tr>
            <td>Quantity</td>
            <td><input type="text" formControlName="quantity"></td>
        </tr>

        <tr>
            <td>Description</td>
            <td><textarea formControlName="description" cols="30" rows="10"></textarea></td>
        </tr>

        <tr>
            <td>Status</td>
            <td><input type="checkbox" formControlName="status"></td>
        </tr>

        <tr>
            <td>Photo</td>
            <td>
                <input type="file" Name="photo" (change)="fileControl($event)">
            </td>
        </tr>

        <tr>
            <td>Category</td>
            <td>
                <select formControlName="categoryId">
                    <option value="1"> cate 1 </option>
                    <option value="2"> cate 2 </option>
                    <option value="3"> cate 3 </option>
                </select>
            </td>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td><input type="submit" value="Save"></td>
        </tr>
    </table>
</form>

这是我的ts组件：

export class CreateApiComponent implements OnInit {
    form: FormGroup;
    file: any;

    constructor(
        private productApiService: ProductApiService,
        private formBuilder: FormBuilder,
        private datePipe : DatePipe
    ){}

    ngOnInit() { 
        this.form = this.formBuilder.group({
            name: '',
            price: 0,
            quantity: 0,
            status: true,
            description: '',
            photo: '',
            categoryId: 1
        })
           
    }

    fileControl(e:any){
        this.file = e.target.files[0];
    }

    submit(){      
        let product: ProductApi = this.form.value;
        product.created = this.datePipe.transform(new Date(), 'dd/MM/yyyy');
        let formData = new FormData();
        formData.append('data', this.file);

        this.productApiService.createWithFile(product, formData).then(
            res => {
                this.result = do something ;
            },
            err => {
                console.log(err);                
            }
        )
    }

}

这是我的createWithFile函数，baseUrl只是一个包含"localhost：port/path"的字符串：

async createWithFile(product: Product, file: FormData){
    return await lastValueFrom(this.httpClient.post(this.baseUrl+'create-with-file', {Product: product, Data: file}));
}

这是我的产品Api类：

export class ProductApi{
    id: number;
    name: string;
    price: number;
    quantity: number;
    status: boolean;
    description: string;
    created: string;
    photo: string;
    categoryId: number;
    categoryName: string;
}

现在到我的Asp.net，我使用实体框架：这是我的产品类，Created字段得到了一个JsonConverter来处理它，所以不用担心：

public partial class Product
{
    public int Id { get; set; }

    public string? Name { get; set; }

    public int? Quantity { get; set; }

    public string? Description { get; set; }

    public double? Price { get; set; }

    public bool Status { get; set; }

    public string? Photo { get; set; }

    public DateTime Created { get; set; }

    public int CategoryId { get; set; }
}

我还创建了一个模型来捕获post请求中的参数：

public class CreatedUpload
{
    public Product Product { get; set; }
    public IFormFile Data { get; set; }
    
}

这是我的控制器：

[HttpPost("create-with-file")]
    [Consumes("application/json")]
    [Produces("application/json")]
    public IActionResult CreateWithFile([FromBody] CreatedUpload createdUpload)
    {
        try
        {
            *at this spot i put a debug to check the data in createdUpload*
            return Ok();
        }
        catch
        {
            return BadRequest();
        }
    }

这是我所期望的，我期望createdUpload捕获{Product：产品，数据：文件}从后请求，但我得到这个错误：

System.NotSupportedException: Deserialization of interface types is not supported. Type 'Microsoft.AspNetCore.Http.IFormFile'. Path: $.Data | LineNumber: 0 | BytePositionInLine: 144.

我也像这样修改了CreateWithFile的参数，但是它们都返回null（但没有引发错误）：

[FromBody] Product product, [FromBody] IFormFile data
[FromForm] Product product, [FromForm] IFormFile data

我在Stackoverflow看了很多问题，但是没有一个答案能解决我的问题，我走到了死胡同，请帮帮我：（