如何使用分段上传将文件（图像）和 json 数据列表上传到 ASP.NET Core Web API 控制器？
我可以成功收到上传的文件列表multipart/form-data像这样的内容类型：
public async Task<IActionResult> Upload(IList<IFormFile> files)
当然，我可以使用默认的 JSON 格式化程序成功接收格式化为我的对象的 HTTP 请求正文，如下所示：
public void Post([FromBody]SomeObject value)
但如何将这两者结合到一个控制器操作中呢？如何上传图像和 JSON 数据并将它们绑定到我的对象？
有一个更简单的解决方案，深受启发安德烈斯的回答。通过使用
这ModelBinderAttribute您不必指定模型或活页夹提供者。这节省了大量代码。您的控制器操作将如下所示：
public IActionResult Upload(
[ModelBinder(BinderType = typeof(JsonModelBinder))] SomeObject value,
IList<IFormFile> files)
{
// Use serialized json object 'value'
// Use uploaded 'files'
}
代码隐藏JsonModelBinder (see GitHub or use NuGet包):
using System;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc.ModelBinding;
public class JsonModelBinder : IModelBinder {
public Task BindModelAsync(ModelBindingContext bindingContext) {
if (bindingContext == null) {
throw new ArgumentNullException(nameof(bindingContext));
}
// Check the value sent in
var valueProviderResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName);
if (valueProviderResult != ValueProviderResult.None) {
bindingContext.ModelState.SetModelValue(bindingContext.ModelName, valueProviderResult);
// Attempt to convert the input value
var valueAsString = valueProviderResult.FirstValue;
var result = Newtonsoft.Json.JsonConvert.DeserializeObject(valueAsString, bindingContext.ModelType);
if (result != null) {
bindingContext.Result = ModelBindingResult.Success(result);
return Task.CompletedTask;
}
}
return Task.CompletedTask;
}
}
以下是控制器操作接受的原始 http 请求的示例Upload above.
A multipart/form-data请求被分成多个部分，每个部分由指定的分隔boundary=12345。每个部分都有一个指定的名称Content-Disposition-标题。默认使用这些名称ASP.Net-Core知道哪个部分绑定到控制器操作中的哪个参数。
绑定的文件IFormFile另外需要指定一个filename如请求的第二部分所示。Content-Type不需要。
另一件需要注意的事情是，json 部分需要反序列化为控制器操作中定义的参数类型。所以在这种情况下类型SomeObject应该有财产key类型的string.
POST http://localhost:5000/home/upload HTTP/1.1
Host: localhost:5000
Content-Type: multipart/form-data; boundary=12345
Content-Length: 218
--12345
Content-Disposition: form-data; name="value"
{"key": "value"}
--12345
Content-Disposition: form-data; name="files"; filename="file.txt"
Content-Type: text/plain
This is a simple text file
--12345--
Postman可用于调用操作并测试服务器端代码。这非常简单并且主要是 UI 驱动的。创建一个新请求并选择表单数据 in the Body-标签。现在您可以选择text and file对于请求的每个部分。
