如何在MVC5中通过Ajax向控制器发送图像

<form id="imageForm" enctype="multipart/form-data">
  <input type="file" id="imageFile" name="imageFile" accept="image/*">
  <input type="button" value="上传" onclick="uploadImage()">
</form>

function uploadImage() {
  var formData = new FormData();
  var imageFile = document.getElementById("imageFile").files[0];
  formData.append("imageFile", imageFile);

  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/Controller/UploadImage", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理上传成功后的逻辑
    }
  };
  xhr.send(formData);
}

[HttpPost]
public ActionResult UploadImage(HttpPostedFileBase imageFile)
{
  if (imageFile != null && imageFile.ContentLength > 0)
  {
    // 处理图像文件，例如保存到服务器或进行其他操作
    string fileName = Path.GetFileName(imageFile.FileName);
    string filePath = Path.Combine(Server.MapPath("~/Uploads"), fileName);
    imageFile.SaveAs(filePath);
  }

  return Json(new { success = true });
}