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

Question

I have a problem, I need to pass model as first a parameter, and as the second parameter, I need to pass a file

Adding a file to a form:

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

Sending data from angular:

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

Data sending service:

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});
  }

Controller in Asp.net core:

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

I tried to solve this problem for two days, the model is transferred normally, but the file is always null

Answer 1

Try to change your action to this:

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

by creating a ViewModel

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

Answer 2

This is how you shape the data into a form

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

"this.restaurant" is exactly the same data model as in Asp.Net Core

Accept json data as in this question: ASP.NET Core and formdata binding with file and json property