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进行编码并在以后对其进行解码。但是怎么样？研究没有给我任何结果。此外，可能是饼干会变得太大，所以这甚至不值得考虑？我应该将dataURL存储在SQL数据库中，而只是使用cookie来识别数据库条目（例如通过ID）？

任何帮助表示感谢。

Answer 1

尝试使用Web Storage个对象。

Answer 2

你必须使用cookies吗？我建议使用localStorage吗？

示例：

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

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

2 个答案: