Angular 加载图像时缓存图像?
Angular cache images when already loaded?
当点击每个项目转到项目详细信息时,我们在项目列表页面中显示项目图像。
我们不想再次加载图像的问题只是从项目列表中取出它来显示
如何解决这个问题?
大多数浏览器在默认情况下会缓存应用程序中加载的图像一次,因此当您再次发出相同的请求时,它不一定需要再次从服务器加载它。
要检查这一点,您可以在 Chrome 中 运行 您的应用程序,然后 运行 开发人员工具并转到“网络”选项卡,然后在过滤器部分单击 Img 标签,这样它将仅按图像过滤。
执行此操作后,请尝试刷新页面,您会看到一些图像已从任一磁盘 cache/memory 缓存中加载,因此无需一次又一次地从服务器加载。
大多数浏览器默认缓存但不缓存 firebase 存储的图像
当点击每个项目转到项目详细信息时,我们在项目列表页面中显示项目图像。
我们不想再次加载图像的问题只是从项目列表中取出它来显示
如何解决这个问题?
大多数浏览器在默认情况下会缓存应用程序中加载的图像一次,因此当您再次发出相同的请求时,它不一定需要再次从服务器加载它。
要检查这一点,您可以在 Chrome 中 运行 您的应用程序,然后 运行 开发人员工具并转到“网络”选项卡,然后在过滤器部分单击 Img 标签,这样它将仅按图像过滤。
执行此操作后,请尝试刷新页面,您会看到一些图像已从任一磁盘 cache/memory 缓存中加载,因此无需一次又一次地从服务器加载。
大多数浏览器默认缓存但不缓存 firebase 存储的图像