HTML5将画布保存到服务器上的文件
问题描述:
我需要使用HTML5画布创建一个组件,该组件使用给定图像,用户可以直接在其上绘制图像(通过一种保存按钮)将其上传到服务器上的自定义版本。HTML5将画布保存到服务器上的文件
我可以使用html canvas吗? 有什么建议吗?
THX提前
答
你可以得到的图像数据,网址是这样的:
var dataUrl = document.getElementById('your-canvas').toDataURL();
然后,您可以发送这个(很长的字符串)到服务器,之后将其保存到一个文件解码它(它以base64编码)。
编辑:请记住,通过POST
提交,如评论中所建议的。 GET
在各种浏览器中有一定的长度限制,所以它有可能超过这些限制,拥有如此庞大的数据。
请记住使用'POST'作为Ajax方法。由于其大小,GET可能会中断。 – 2010-09-10 12:15:01
谢谢你的加入! – jwueller 2010-09-10 12:19:48
此方法不适用于Chrome。 – 2011-05-07 11:04:20