如何使用 Angular 将带有文件的对象发送到 Web Api答案

【问题标题】：How to send a object with a file to WebApi using Angular如何使用 Angular 将带有文件的对象发送到 Web Api
【发布时间】：2020-04-21 09:01:31
【问题描述】：

我正在尝试将模型与文件一起发送到我的 WebApi 项目，但它不起作用。因为我没有使用“表格”发送。我在属性中标记文件。我试过了：

1 - FormData()formData.append(file);

2 - 使用文件和其他属性创建一个类

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

在 WebApi 中

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

Pr 属性来了，但不是文件..

【问题讨论】：

【解决方案1】：

根据 MDN，没有带有 1 个参数的“FormData.append()”版本有 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);

【讨论】：