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

Question

我想在 react 中缓存图片。

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

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

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

谢谢！

Answer 1

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

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

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