C#：从正文和文件中将模型发布为 MultipartFormDataContent

Question

我正在寻找一种在一个请求中发送模型和图像的方法。我尝试从正文发送我的模型，但我不知道如何发送文件。除了在不同的文件中发送图像和模型之外，还有其他方法吗？

这是我的 API 中的 POST 方法：

[HttpPost]
[Route("UploadNewEvent")]
public async Task<IActionResult> CreateNewEventAsync([FromBody] EventModel model)
{
    var file = this.Request.Form.Files.LastOrDefault();

    if (file != null)
    {
        var uploads = Path.Combine(_environment.WebRootPath, "uploads");

        using (var fileStream = new FileStream(Path.Combine(uploads, "test.jpg"), FileMode.Create))
        {
            await file.CopyToAsync(fileStream);
        }
     }

     // do sth with model later    
     return Ok();
}

这是我的应用程序的代码：

public async Task SendNewEvent(EventModel model, MediaFile photo)
{
    var uri = $"{baseUri}api/User/Event/CreateNewEvent";

    if (photo != null)
    {
        var multipartContent = new MultipartFormDataContent();
        multipartContent.Add(new StreamContent(photo.GetStream()), "\"file\"", $"\"{photo.Path}\"");

        var httpClient = new HttpClient();               
        var jsonObject = JsonConvert.SerializeObject(model);
        var stringContent = new StringContent(jsonObject, Encoding.UTF8, "application/json");
        var httpResponseMessage = await httpClient.PostAsync(uri, stringContent);
    }
}

Answer 1

要通过文件参数传递模型，您需要将数据作为表单数据发布。

请按照以下步骤操作：

1. 改成FromBody​FromForm

       [HttpPost]
   [Route("UploadNewEvent")]
   public async Task<IActionResult> CreateNewEventAsync([FromForm] EventModel model)
   {
       // do sth with model later    
       return Ok();
   }
   

2. 更改客户端代码以发送表单数据而不是 json 字符串

       var uri = $"https://localhost:44339/UploadNewEvent";
       FileStream fileStream = new FileStream(@"filepath\T1.PNG", FileMode.Open);
       var multipartContent = new MultipartFormDataContent();
       multipartContent.Add(new StreamContent(fileStream), "\"file\"", @"filepath\T1.PNG");
   
   
       // EventModel other fields
       multipartContent.Add(new StringContent("2"), "Id");
       multipartContent.Add(new StringContent("Tom"), "Name");
       var httpClient = new HttpClient();
       var httpResponseMessage = httpClient.PostAsync(uri, multipartContent).Result;
   

3. 事件模型

   public class EventModel
   {
   public int Id { get; set; }
   public string Name { get; set; }
   public IFormFile File { get; set; }
   }