javascript - 如何使用 angularjs 缓存图像

标签 javascript html angularjs image caching

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

最佳答案

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

如果您仍然没有得到结果,即使您设置了 CDN 来提供静态内容,我也会确保所提供的文件名没有某种强制新图像的缓存破坏 URL。每次下载(源代码看起来像“../path/to/image.png?23someRand0mString”。大多数浏览器的开发工具在开发工具打开时会关闭缓存(或者至少它们有一个设置),因此请确认它们没有被缓存;在大多数托管服务器配置中,您的图像应该默认缓存。

关于javascript - 如何使用 angularjs 缓存图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38730746/

相关文章:

javascript - 单击图像时,Jquery悬停图像出现问题

php - HTML 输入只读安全风险?

html - 在 div/iframe/image 周围环绕文本

javascript - 我可以在 Angular Js 中使用哪些东西

javascript - 启用垂直滚动时如何添加填充

javascript - 无法从 Javascript 中的二维数组中获取值

php - jQuery Ajax 请求返回错误和状态 0

javascript - Foundation 6 : How to set . is-open-right translateX value with JavaScript

javascript - 保存选项表单并传递 JS 变量

javascript - Angular 在 ng-repeat 内的图像标签中使用 ng-src