Javascript HTML5将画布保存到服务器上的文件

我需要使用html5画布创建一个组件，该组件提供一个用户可以在其上绘制的图像，并直接（通过一种保存按钮）将其自定义版本上传到服务器上

我可以使用html画布吗？ 有什么建议吗

---

thx提前

您可以将图像作为数据url获取，如下所示：

var dataUrl = document.getElementById('your-canvas').toDataURL();

然后，您可以将这个（很长的字符串）发送到服务器，并在解码后将其保存到一个文件中（它是用base64编码的）

---

编辑：请记住按照评论中的建议，通过

POST

提交

GET

在各种浏览器中都有一些长度限制，因此如果数据量如此之大，它很可能会超过这些限制。

请注意，对于Android来说，这种限制目前已经过时了（包括2.3版）。请在本期中使用星号-

记住使用

POST

作为Ajax方法。GET可能因其大小而损坏。