将数据 URI 保存在 cookie 中以便稍后检索

Question

我正在使用 html canvas 并创建一个数据 URI 来预览用户可以自己构建的图像。当他点击预览按钮时，显示图像：

$("#show_label").html('<img src='+canvas.toDataURLWithMultiplier("png",1,1)+' width="157" height="202">');

工作正常。现在我想将 dataURL 保存在 cookie 中，因为我想稍后在网站上恢复图像或稍后将其存储在我的数据库中。

$.cookie("current_label",canvas.toDataURL());

那不行。我知道这不是一件容易的事，尽管将对象存储在 cookie 中也是有意义的。我想我必须先对数据 URI 进行编码，然后再对其进行解码。但是怎么办？研究没有给我任何结果。另外，会不会是 cookie 会变得太大，所以这甚至都不需要考虑？我是否应该将 dataURL 存储在 SQL 数据库中，而只使用 cookie 来识别数据库条目（例如通过 ID）？

感谢任何帮助。

Answer 1

尝试使用 Web Storage 个对象。

Answer 2

您必须使用 cookie 吗？我可以建议使用 localStorage 吗？

示例：

localStorage['aVariable'] = 'a Value';
//A week later this will still hold value:
alert(localStorage['aVariable'])

将数据 URI 保存在 cookie 中以便稍后检索

Save data URI in cookie to retrieve it later

javascript

cookies

html5-canvas