gpt4 book ai didi

javascript - JS中 "?${new Date().getTime()} "如何更新图像

转载 作者:行者123 更新时间:2023-12-02 21:23:36 25 4
gpt4 key购买 nike

我观看了一个教程,其中他们展示了将 ?${new Date().getTime()} 附加到图像标记中的 src 属性的值,可以使用新图像更新当前图像.

我遇到了this question ,问题的第一个答案遵循了相同的技术。

有人可以向我解释一下这种特殊技术的工作原理吗?谢谢!

最佳答案

最简单的解释是浏览器(通常是服务器)会将项目缓存在内存中以减少页面加载时间。因此,如果您有十几个页面都引用 /images/logo.png,则图像将被下载一次并存储,以便可以在每个页面上重复使用。高效,对吧?

无论如何,有时图像会发生变化,而您不希望这种情况发生,所以您要做的就是更改文件名。例如,/images/logo.png?15/images/logo.png?16/images/logo.png?17等。浏览器不再尝试使用缓存的图像,因为查询实际上不同。

您所包含的代码片段只是将当前时间包含在文件名中,以使其具有唯一性。

关于javascript - JS中 "?${new Date().getTime()} "如何更新图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60796628/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com