multipartform-data - ASP.NET Core Web API IFormFile 为空，发送 FormData 请求时

Question

我正在使用 Aurelia Fetch Client 向 Web API 端点发送文件上传请求。但是 IFormFile 是空的所有磁贴。我的代码如下。

客户端

const formData = new FormData();
formData.append("files", account.statement);

const response = await this.http.fetch(url, { method: "POST", body: formData 
});

Web API 端点

[HttpPost]
public IActionResult Save    ()
{
    var files = Request.Form.Files;
}

文件始终为空。我已关注此 post并已按照所述完成。但仍然无法弄清楚什么是错的。

Answer 1

我想出了一种使用 DTO 并将上传的文件指定为 FormData 中的 File 对象的方法。这是因为我有其他字段值需要与 File 对象一起发送。

服务器

创建具有所需属性的 DTO 对象。

public class SaveAccountRequest
{
    public string AccountName { get; set; }
    public IFormFile Statement { get; set; }
}

在 Controller 端点中添加 DTO 作为接受的参数。

[HttpPost]
public IActionResult SaveAccount([FromForm] SaveAccountRequest saveAccountRequest)
{
//you should be able to access the Statement property as an IFormFile in the saveAccountRequest.
}

客户

将所有属性附加到 FormData 对象，并确保根据服务器端 DTO 中使用的名称命名它们。

const formData = new FormData();
formData.append("accountName", accountName);
formData.append("statement", file);

将数据发布到 SaveAccount 端点。我正在使用 fetch API 来发布数据，但一个简单的帖子也应该有效。发送文件请求时，请确保将内容类型设置为多部分表单数据。

this.http.fetch(<api endpoint url>, { method: "POST", body: formData, content-type: 'multipart/form-data' });