Angular:如何缓存图片?

时间:2017-06-10 03:29:40

标签: javascript angular caching

我正在开发一个网络应用程序,我需要缓存图像,以便在用户关闭并再次打开网站时加载它不需要时间。 通过再次打开网站,图像应该从缓存加载而不是重新加载。

这可以用Angular实现吗?

我在网上搜索了很多,但我还没找到合适的解决方案。

1 个答案:

答案 0 :(得分:2)

  

您可以使用 - HTML清单属性

manifest属性指定文档缓存清单的位置。

HTML5引入了应用程序缓存,这意味着Web应用程序已缓存,无需Internet连接即可访问。

应用程序缓存为应用程序提供了三个优点:

  • 离线浏览 - 用户可以在离线时使用该应用程序 速度 - 缓存资源加载速度更快
  • 减少服务器负载 - 浏览器只会从服务器下载更新/更改的资源
  • 清单属性应包含在您希望缓存的Web应用程序的每个页面上。

清单文件是一个简单的文本文件,列出了浏览器应该缓存以供脱机访问的资源。

详细了解了解此博客:https://www.html5rocks.com/en/tutorials/appcache/beginner/