从视图向ASP.NET控制器发送base64图像

// HTML中的canvas元素
<canvas id="canvas"></canvas>

// JavaScript代码
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');

var image = new Image();
image.onload = function() {
  // 将图像绘制到canvas
  context.drawImage(image, 0, 0);

  // 获取图像的base64编码
  var base64 = canvas.toDataURL('image/png');

  // 将base64编码发送到控制器
  // 可以使用AJAX或者表单提交等方式发送数据
};
image.src = 'path/to/image.jpg'; // 图像的路径

[HttpPost]
public ActionResult UploadImage(string base64Image)
{
  // 将base64编码转换为字节数组
  byte[] imageBytes = Convert.FromBase64String(base64Image);

  // 创建文件路径和文件名
  string filePath = "path/to/save/image.jpg";

  // 保存图像文件到服务器
  System.IO.File.WriteAllBytes(filePath, imageBytes);

  // 返回处理结果
  return Content("Image uploaded successfully!");
}