Asp.net - 为什么页面在 Ajax 调用后重新加载？

Question

我正在从窗体中的画布中挑选图像。但是 Button 在表单之外。我的图像完全按预期保存，但剩下的问题是 PAGE RELOAD。

单击 BUTTON 时调用 Ajax 以保存画布中的图像：

$("#upload").click(function () {
    var image = document.getElementById("ModelStudedntImageDP").toDataURL("image/png");
    image = image.replace('data:image/png;base64,', '');
    $.ajax({
        type: 'POST',
        url: "../../Admin/UploadImage",
        data: '{ "imageData" : "' + image + '" }',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert(msg);
        }
    });
});           

按钮调用：

<button type="button" class="btn btn-primary" id="upload">Test</button>

控制器保存图片的方法：

public void UploadImage(string imageData)
{
    string filePath = Server.MapPath(Url.Content("~/Content/Images/Teacher/"));

    string fileNameWitPath = filePath + DateTime.Now.ToString().Replace("/", "-").Replace(" ", "- ").Replace(":", "") + ".png";
    using (FileStream fs = new FileStream(fileNameWitPath, FileMode.Create))
    {
        using (BinaryWriter bw = new BinaryWriter(fs))
        {
            byte[] data = Convert.FromBase64String(imageData);
            bw.Write(data);
            bw.Close();
        }
    }
}

Answer 1

public JsonResult UploadImage(string imageData)
{
    string filePath = Server.MapPath(Url.Content("~/Content/Images/Teacher/"));

    string fileNameWitPath = filePath + DateTime.Now.ToString().Replace("/", "-").Replace(" ", "- ").Replace(":", "") + ".png";
    using (FileStream fs = new FileStream(fileNameWitPath, FileMode.Create))
    {
        using (BinaryWriter bw = new BinaryWriter(fs))
        {
            byte[] data = Convert.FromBase64String(imageData);
            bw.Write(data);
            bw.Close();
        }
    }
    return Json(new { success = true, message = "Success" });
}