如果我在两个组件上附加img标签，我会在图像上获得两个服务器请求吗？

Question

我需要在一个组件（这将是通过<img src="path">）下载图像，并将其发送给另一个组件。我正在考虑使用服务进行通信并将<img src="path">标签附加到第二个组件模板。

我不知道引擎盖下会发生什么，想确认是否如果我附上标签，浏览器将重新下载IMG或者知道这是在角发送图像数据的正确途径。

我怎么能传递一个上下一致的图像到另一个组件，并确保我不会再次请求的资源？

Answer 1

的img标签是由您的浏览器全面管理，这意味着你不必对其行为的控制。这就是说，浏览器应该有一个缓存系统，所以如果你请求两次相同的图像和服务器的响应是304 (Not Modified)浏览器应该使用缓存。

如果你想确保你有一个缓存的图片，你可以实现自己的img包装组件时，它GET形象，从它创建BLOB，并在img成分注入它，这样你可以缓存自己在一个专门的服务图像blob。