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

Save data URI in cookie to retrieve it later

本文关键字：检索 URI 数据 保存 存在 cookie      更新时间：2023-09-26

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

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

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

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

那行不通。我知道这不是一个无需思考的问题，尽管将对象存储在cookie中也是有意义的。我想我必须对数据URI进行编码，然后再对其进行解码。但是怎么做呢？研究没有给我任何结果。此外，可能是饼干会变得太大，所以这根本不需要考虑吗？我应该将数据URL存储在SQL数据库中，然后只使用cookie来识别数据库条目（例如通过ID）吗？

感谢您的帮助。

尝试使用Web存储对象。

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

示例：

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