缓存动态加载的图像

Question

我正在使用javascript根据用户交互动态地将任意一系列图像加载到单个img标记中:

function reassignImage(newSource)
{
   img.src = newSource;
}

这很好用,除了我用Chrome开发人员工具检查它时,我发现即使我重新加载我已加载的图像,它也会进行另一次http调用并增加总图像大小图.

这似乎是两个世界中最糟糕的.我想要:

1. 如果图像相同,则从缓存加载.
2. 每次重新加载每个图像,但不会增加缓存.

我怎样才能实现这两种情况？

谢谢!Yarin

Answer 1

在映像的http响应中设置的缓存控制标头是什么？(Chrome开发人员工具会告诉您).如果它未设置为可缓存,则会重新获取.