尝试使用请求对象中的 IFormFile 发送 api 请求时出现 400 Bad Request

Question

我很难弄清楚如何发送请求的 IFormFile 对象部分。这是上传图片的 API 调用。我找到了一些资源并尝试了每个建议，但是当我尝试点击 API 时，我总是收到 400 Bad Request 响应。 API 和客户端都是 ASP.NET Core 2.1

调用API

public async Task<ApiResponse<ImageDto>> AddImageToWebsite(AddImageToWebsiteRequest request)
{
      try
      {
        HttpClient client = new HttpClient();
        var url = $"{_apiInfo.Url}/portal/AddImageToWebsite";
        byte[] data;
        using (var br = new BinaryReader(request.Image.OpenReadStream()))
        {
          data = br.ReadBytes((int) request.Image.OpenReadStream().Length);
        }

        var bytes = new ByteArrayContent(data);
        MultipartFormDataContent multiContent = new MultipartFormDataContent();    

        multiContent.Add(bytes, "file", request.Image.FileName);
        multiContent.Add(new StringContent(request.WebsiteId.ToString()), "WebsiteId");
        multiContent.Add(new StringContent(request.AltText), "AltText");

        // BREAKS AFTER THIS POST CALL
        var apiResponse = await client.PostAsync(url, multiContent);

        // DESERIALIZE RESPONSE TO RESPONSE OBJECT HERE

      }
      catch (Exception ex)
      {
        Log.Error(ex, "Error calling api");
        return ApiResponse.InternalError<ImageDto>(ex.Message);
      }
}

AddImageToWebsiteRequest

public class AddImageToWebsiteRequest
{
    public int WebsiteId { get; set; }
    public IFormFile Image { get; set; }
    public string AltText { get; set; }
}

API呼叫

[HttpPost]
[Route("AddImageToWebsite")]
public async Task<JsonResult> AddImageToWebsite(AddImageToWebsiteRequest request)
{
  return await this.HandleRequest(async () =>
  {
    var website = _dataAccess.GetWebsite(request.WebsiteId);

    if (website == default(Website))
    {
      return ApiResponse.NotFound<ImageDto>("Website not found");
    }

    // UPLOAD IMAGE CODE HERE
  }
}

它甚至没有命中 API 调用。我也试过按如下方式发布它，只要我在序列化对象中没有图像，它就可以工作。

再次尝试

var stringContent = new StringContent(JsonConvert.SerializeObject(request), Encoding.UTF8, "application/json");
var apiResponse = await client.PostAsync(url, stringContent);

// DESERIALIZE RESPONSE TO RESPONSE OBJECT HERE

我在网上尝试了很多不同的建议，none 似乎有效。

Answer 1

IFormFile 仅适用于 multipart/form-data 编码的 POST 请求，即传统形式 post。如果您要发送 JSON，您的 "upload" 需要是一个 Base64 字符串并且您需要绑定到一个 byte[]:

public class AddImageToWebsiteRequest
{
    public int WebsiteId { get; set; }
    public byte[] Image { get; set; }
    public string AltText { get; set; }
}

JsonConvert.SerializeObject 会自动将 byte[]s 转换成 Base64 字符串。

Answer 2

你是如何从视图发送这个的？如果你使用的是表单，你可以只给它multipart/form-data类型，给输入文件类型，然后绑定到参数中的IFormFile。

查看：

<form id="fileupload" action="yourpath/AddImageToWebsite/" method="POST" enctype="multipart/form-data">
  <button type="submit" class="btn btn-primary start">
  </button>
  <input type="file" name="YourFile"/>
  <!--Whatever other things you need to input, use hidden fields-->
</form>

控制器：

[HttpPost]
[Route("AddImageToWebsite")]
public async Task<JsonResult> AddImageToWebsite(IFormFile YourFile)
{
  //Do what you need....
}

尝试使用请求对象中的 IFormFile 发送 api 请求时出现 400 Bad Request

400 Bad Request when trying to send api request with IFormFile in request object

asp.net-core-mvc

asp.net-core

asp.net-core-webapi

asp.net-core-2.1