具有“？$ {new Date（）。getTime（）}”如何更新JS中的图像

Question

[我看了一个教程，他们在教程中显示，将?${new Date().getTime()}附加到image标记中的src属性的值，会用新图像更新当前图像。

我遇到了this question，该问题的第一个答案采用了相同的技术。

有人可以向我解释这种特殊技术的原理。谢谢！

Answer 1

不同的查询参数可能导致服务器提供不同的图像，具体取决于后端逻辑。 经常并非如此-在许多设置中，使用不同的查询参数请求相同的路径将得到相同的图像作为回报，但是并非总是如此。]

[如果浏览器看到其图像已经存在于缓存中的图像URL，它将不会再次下载该图像-而是将从浏览器缓存中获取该图像。但是，如果将src更改为缓存中的[[not

之一，它将向服务器发出另一个请求。如果服务器在初始页面加载和src更改之间的那个端点处更改了映像，则服务器上的新映像将被下载并显示在客户端上。new Date().getTime()只是附加一个绝对在浏览器缓存中尚不存在的字符串的方法。

Answer 2

最简单的解释是浏览器（通常是服务器）将在内存中缓存项目以减少页面加载时间。因此，如果您有一打全部引用/images/logo.png的页面，则图像将被下载一次并存储，以便可以在每页上重复使用。高效吧？