通过jquery Ajax上传图片到模型数据到Controller MVC/Razor

<form id="imageUploadForm" enctype="multipart/form-data">
  <input type="file" id="imageFile" name="imageFile">
  <button type="submit">上传</button>
</form>

$(document).ready(function() {
  $('#imageUploadForm').submit(function(e) {
    e.preventDefault();

    var formData = new FormData();
    formData.append('imageFile', $('#imageFile')[0].files[0]);

    $.ajax({
      url: '/ControllerName/Upload',
      type: 'POST',
      data: formData,
      processData: false,
      contentType: false,
      success: function(response) {
        // 处理上传成功后的操作
      },
      error: function(xhr, status, error) {
        // 处理上传失败后的操作
      }
    });
  });
});

public class ControllerName : Controller
{
  [HttpPost]
  public ActionResult Upload(HttpPostedFileBase imageFile)
  {
    if (imageFile != null && imageFile.ContentLength > 0)
    {
      // 保存图片文件到服务器
      var fileName = Path.GetFileName(imageFile.FileName);
      var filePath = Path.Combine(Server.MapPath("~/Uploads"), fileName);
      imageFile.SaveAs(filePath);

      // 将图片数据存储到数据库，或进行其他操作
      // ...

      return Json(new { success = true, message = "上传成功" });
    }

    return Json(new { success = false, message = "上传失败" });
  }
}