5

我正在使用 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;
}

文件始终为空。我已经关注了这篇文章，并按照上面的说明做了。但仍然无法弄清楚出了什么问题。

4

1 回答 1

3

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

服务器

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

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

在控制器端点中添加 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' });
于 2017-05-12T01:10:07.763 回答