将Canvas元素转换为Image并存储在数据库中

时间:2012-02-29 05:18:47

标签: html5 servlets canvas

我想将图像存储到我的服务器端数据库中。一旦用户使用画布绘制并点击提交按钮, Canvas元素应转换为图像格式,然后我想将该图像存储到我的数据库中以供进一步使用。我可以使用此图片在用户下次访问我的网站时对其进行验证。

任何人都可以帮我解决一下吗?我的服务器代码是用 Java Servlets

编写的

1 个答案:

答案 0 :(得分:7)

使用Canvas.toDataURL()将返回带有base64编码PNG的字符串。然后,您可以将其存储为普通文本或解码并另存为文件。要将其放回画布上,您只需将此字符串作为Canvas.draw(source, 0, 0) method

的来源传递即可

小提琴:http://jsfiddle.net/9a7Xd/