如何使用angularjs缓存图像

Question

我正在使用angularjs网络应用。我有一个带图像的侧边栏。在我的localhost中，这些图像只加载一次因为它们被缓存。当我将Web应用程序推送到Web时，图像不会被缓存，每次我切换到另一个状态时图像都会重新加载。有没有办法在angularjs中缓存图像，而无需向服务器添加额外的标头。

Answer 1

您可以加载图片from a CDN;如果在CDN上正确设置了过期标题，则使用CDN可以使您的图像缓存并满足您对不设置过期标题的问题的要求。这应该会大大提高图像加载的速度。

如果您仍然无法获得结果，即使您已经设置了CDN来提供静态内容，我也会确保所提供的文件名没有某种缓存破坏网址这会强制每次下载一个新图像（源代码看起来像＆＃34; ../path/to/image.png?23someRand0mString＆＃34;。当开发工具打开时，大多数浏览器的开发工具都会关闭缓存（或至少他们有一个设置）所以验证他们没有被缓存;默认情况下，您的图像应该缓存在大多数托管服务器配置中。