Как отправить объект с файлом в WebApi, используя Angular

Question

Я пытаюсь отправить модель в свой проект WebApi вместе с файлом, но это не работает. Потому что я не использую «форму» отправки. Я отмечаю файл в собственности. Я пытался:

1 - FormData() formData.append (файл);

2 - Создание класса с файлом и другим свойством

export class PR {
filesUpload: File;
PI: Pr;
}

и в WebApi

 public class ProcessInstanceM
{
    public HttpPostedFileBase filesUpload { get; set; }
    public Pr PI { get; set; }
}

Присутствует свойство Pr, но не файл.

Answer 1

Согласно MDN, нет версии «FormData.append ()» с 1 аргументом. Есть 2 версии (со страницы MSD):

There are two versions of this method: a two and a three parameter version:
formData.append(name, value);
formData.append(name, value, filename);

Я предлагаю вам использовать его следующим образом. :

formData.append('file', fileToUpload, fileToUpload.name);

источник: https://developer.mozilla.org/en-US/docs/Web/API/FormData/append