我想在反应中缓存图像，我应该使用啥来存储

Posted 2023-03-28

【中文标题】我想在反应中缓存图像，我应该使用啥来存储

【英文标题】：I would like to cache images in react, what should I use for storage我想在反应中缓存图像，我应该使用什么来存储

【发布时间】：2020-09-23 07:20:02

【问题描述】：

我想在 react 中缓存图片。

<img src='www.myimage/dog.png' />

每次我加载页面时，都会从页面下载dog.png。我想用一些ttl将它存储在浏览器中。

我应该使用localStorage、sessionStorage、indexedDb 还是最好的存储位置？为什么？

谢谢！

【问题讨论】：

浏览器已经为你缓存了图片

【参考方案1】：

您无需自己缓存图像。除非你在做一些专门的延迟加载，否则浏览器会自动为你缓存。

它们仍将“加载”，但来自缓存。它们可能由浏览器自行决定。

要确认，请打开开发工具 > 网络 > Img 并查看图像是如何从缓存而不是端点加载的。

【讨论】：

谢谢，这真的很有帮助。