Выложить файл в угловой

Question

Я пытаюсь опубликовать загруженный файл в угловых 5 на контроллер C#. Когда я отлаживаю свое приложение, отправляю сообщение и нажимаю на контроллер, файл [FromBody] IFormFile всегда равен null

Это определенный {responseType}, который мне нужно передать из моего углового сервиса?

Угловой сервис

public async upload(file: File) {
  try {
    return await this.http.post(this.baseUrl + "api/Blogs/Upload", file).toPromise();
  catch (error) {
    console.log(JSON.stringify(error));
  }
}

Контроллер C#

[HttpPost]
[Route("api/Blogs/Uplaod")]
public async Task<IActionResult> Upload([FromBody] IFormFile file) {
  // my save logic
}

Почему мое тело сообщения всегда имеет значение null?

Answer 1

Вы не можете просто передать файл в теле почтового запроса в Angular. Вы должны отправить его как formData

uploadFile(file: File) {
  var formData: FormData = new FormData();
  formData.append('file', file, file.name);

  var headers = new HttpHeaders().set('Accept', 'application/json');
  var options = { headers: headers };

  const req = new HttpRequest('POST', this.baseUrl + "api/Blogs/Upload", formData, options);
  return this.http.request(req);
}

И в вашем контроллере, получите файл, как это

[HttpPost]
[Route("api/Blogs/Upload")]
public async Task<IActionResult> Upload() {
  var myFile = HttpContext.Current.Request.Files(0)
  // you can append more than 1 file in angular, but if you know its only ever 1 file, you can just get the `Files(0)` at that index of zero.
  // my save logic
}