浏览器没有使用已经下载的图像,总是加载组件渲染?

时间:2017-03-08 10:17:04

标签: reactjs

我有一个反应组件,我使用img标签显示图像----&gt; <img src={url} className="avatar"></img>

当我单击某个特定按钮时,组件会被挂载,当我点击其他位置时,它会被卸载(基本上它就像弹出框一样)。所以问题在于,无论何时安装此组件,都会再次下载来自URL的图像,而不是从缓存中使用。

Q1:那么我需要从缓存中加载什么修改?

Q2:我是否需要编写缓存机制来实现这一目标?

1 个答案:

答案 0 :(得分:1)

  

一旦将图像(以任何方式)加载到浏览器中,它就会出现   在浏览器缓存中,下次加载时会更快   使用,无论该用途是在当前页面还是在任何其他页面中   只要图像在从浏览器缓存过期之前使用。

同样如@pawel所述,请确保服务器发送正确的HTTP标头。我不知道哪种类型的服务器托管您的图片,但这里有一个示例how to enable image caching in Apache

现金:

  1. How do you cache an image in Javascript
  2. Website image caching with Apache