Html5 canvas 将画布图像URL传递给另一个JSP

我正在创建一个手写图像数字识别器。我已经为用户创建了一个HTML画布来绘制数字。当用户单击Predict按钮时，存储canvas.toDataURL的变量应发送到服务器

显示两个按钮的HTML代码，一个用于保存，一个用于清除，如下所示：

   <button type="button" id="save" class="btn btn-default">Predict</button>
   <button type="button" id="clear" class="btn btn-default">Clear</button>

---

我无法将变量“data”传递到服务器。当我使用window.opendata、“_blank”、“location=0、menubar=0”时，我可以看到base64编码的png格式；。但那不是我想要的。任何帮助都将不胜感激。谢谢。

因为您在向服务器发送邮件时遇到问题，所以应该显示您正在使用的浏览器端和服务器端代码。

var saveButton = document.getElementById("save");
saveButton.addEventListener('click', saveImage);
function saveImage(){
    var data = canvas.toDataURL("image/png");
}