如何在ASP.NET MVC中执行图像的Ajax/JQuery上载？

@using (Html.BeginForm("UploadImage", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <input type="file" name="imageFile" id="imageFile" />
    <input type="submit" value="Upload" />
}

<script>
    $(document).ready(function () {
        $('form').submit(function (e) {
            e.preventDefault();
            var formData = new FormData($(this)[0]);
            $.ajax({
                url: '@Url.Action("UploadImage", "Home")',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (result) {
                    // 处理上传成功后的结果
                }
            });
        });
    });
</script>

public class HomeController : Controller
{
    [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, message = "Image uploaded successfully." });
        }

        return Json(new { success = false, message = "No image file uploaded." });
    }
}