在我的主页上有一个大尺寸的图像(~6 MB)。这是一种 map 。
我想将该图像存储在用户的浏览器中，即使他们关闭浏览器或重新启动他们的 PC，这是否可能？ 如果重要的话，该图像会在 CSS 文件中使用。
我的主机带宽很小，所以我想在用户的浏览器上尽可能长时间地存储该图像 感谢您提供任何提示。

最佳答案

有几个选项，有些比其他的更复杂。

最跨浏览器的方法是确保设置您的 cache headers to long cache times ，并保持 URL 一致(类似于@Petah 的建议)。

Some browsers支持HTML5 File API .如果支持，您可以使用 JavaScript 在此处存储图像。

您还可以使用 HTML5 AppCache (还有 limited support )，但这意味着您必须小心构建应用程序的方式 - 因为 HTML 页面将被永久缓存，直到缓存 list 发生变化。

您还可以序列化您的 image as a Data URL ( fairly well supported ) 并以某种方式在本地存储该字符串(本地存储、cookie)，但由于 cookie 的大小限制很小，并且您不想在 HTML 中存储 6MB，因为页面将永远加载，这是可能不是一个很好的选择。

https://stackoverflow.com/questions/12244320/