如何将文件中的其他参数从 Angular 传递到 ASP.NET Core controller？

Question

我有一个问题，我需要传递 model 作为第一个参数，作为第二个参数，我需要传递一个文件

将文件添加到表单：

const formDate = new FormData();
formDate.append("File", this.file);

从 angular 发送数据：

this.dataService.createRestaurant(this.restaurant, formDate)
    .subscribe((data: Restaurant) => this.loadProducts(data))

数据发送服务：

createRestaurant(model: Restaurant, form: FormData){
  const headers = new HttpHeaders().append("Content-Disposition", "multipart/form-data")
    return this.http.post(this.url, {model, form}, {headers: headers});
  }

Asp.net 内核中的 Controller：

public IActionResult Post(Restaurant restaurant, IFormFile File)
    {
       code...
    }

我试了两天解决这个问题，model传输正常，但是文件总是null

Answer 1

尝试将您的操作更改为：

public IActionResult Post(RestaurantViewModel viewModel)
    {
       code...
    }

通过创建一个 ViewModel

public RestaurantViewModel
{
public Restaurant restaurant {get; set;}
public IFormFile File {get; set;}
}

Answer 2

这就是您将数据塑造成表格的方式

const formDate = new FormData();
formDate.append("restaurant", JSON.stringify(this.restaurant));
formDate.append("file", this.file[0], this.file[0].name);

“this.restaurant”与 Asp.Net Core 中的数据 model 完全相同

在这个问题中接受 json 数据： ASP.NET Core and formdata binding with file and json property