上传画布上绘制的图像

Question

我有一个问题，似乎无法解决这个问题。我有一个canvas元素，让用户使用鼠标在其中绘制。然后应将此图像存储到数据库中以便稍后查看。

到目前为止我所拥有的;

在HTML中：

<canvas id="signature" class="signature" width="800" height="300"></canvas>
<input id="Signature_Image" name="signature" class="hidden" />

在javascript中：

function beforeSubmit() {
    document.getElementById('Signature_Image').src = document.getElementById("signature").toDataURL();       
}

然后我尝试在控制器内检索它：

public ActionResult Create(HttpPostedFileWrapper signature)

签名始终为空。我错过了什么吗？

我已经检查过canvas.toDataURL（）实际上返回了什么，它甚至填充了输入元素的src属性。

我有正确的enctype：@using (Html.BeginForm("Create", "WorkOrder", FormMethod.Post, new { enctype = "multipart/form-data", onsubmit = "return beforeSubmit()" })

尝试将输入类型更改为“文件”，“图片”和“文字”，但没有成功。 还尝试了以不同格式检索base64字符串，例如“Image”和“string”。

感谢任何帮助。

的问候，
罗宾