将图片中的数据存储在Cookie

Question

我正在尝试将图片存储在Cookie中，但我不知道这是否是刷新页面时保持用户注册的最佳方式。

好吧，我正在使用ngCookies模块来做到这一点。所以我从服务器上收到了base64字符串格式的图像，contentType和数据然后我存储在cookies中：

$cookies.contentType = value.image.contentType;

$cookies.data = value.image.data;

要制作我的网址，我这样做：

vm.url = "data:"+vm.value.image.contentType+";base64,"+vm.value.image.data;

我在网页中插入的网址，使用img html：

<img src={{ctrl.url}} style="width:200px;height:200px">

我的问题是：当我刷新页面时，$ cookies.contentType仍然存在，但value.data不再存储在$ cookies.data中。我认为这个值太大了，无法存放在cookie中。我正确使用cookies？还有其他办法吗？

如果有人能帮助我，我感激不尽。

Answer 1

将Cookie用于客户端存储通常被视为less than ideal。每次请求都会自动发送Cookie（如果它符合域/路径/安全限制）。即使cookie存储限制可以处理这个问题，我也无法想象您希望在以后的任何请求中将其发回。 LocalStorage and similar technologies的开发部分是为了避免这个问题。

尽管如此，http cookie spec最初表示accommodate at least 4096 bytes所需的cookie通常被解释为设置最大大小约为4k。每个浏览器处理的方式都有所不同，并且有很多places to read up on it。