javascript - 将图像数据存储在 cookie 中

Question

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

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

$cookies.contentType = value.image.contentType;

$cookies.data = value.image.data;

为了创建我的网址，我这样做:

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

以及我使用 img html 在页面中插入的 url:

<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 存储限制可以处理这个问题，我也无法想象您会希望通过任何 future 的请求将其发回。 LocalStorage and similar technologies开发的部分目的是为了避免这个问题。

也就是说，http cookie spec最初声明需要 cookie accommodate at least 4096 bytes当时，这通常被解释为设置大约 4k 的最大大小。每个浏览器处理这个问题的方式都有点不同，有很多 places to read up on it .