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

Question

我需要使用给定的图像,用户可以搽,并直接HTML5画布(通过一种保存按钮),上传它的定制服务器上的版本,以创建一个组件.

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

thx提前

Answer 1

您可以将图像作为data-url获取,如下所示:

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

然后,您可以发送这个(很长的字符串)到服务器,并将其保存到一个文件解码(它在base64编码)后.

编辑:请记住按照POST评论中的建议提交此内容.GET在各种浏览器中都有一些长度限制,因此它可能会超出这些数据的巨大限制.