如何在 HTML5 中完全刷新和重新下载图像

How to Completely Refresh and Redownload an Image in HTML5

本文关键字:新下载 下载 图像 刷新 HTML5      更新时间:2023-09-26

在JavaScript中,我有一个从网络下载图像的功能。我正在获取此过程的计时数据,以确定开始和结束时间,以及此过程发生的速度。我遇到的问题是,在函数运行的前两次中,我看到基于网络速度随时间变化的单独值。在此点之后连续运行的函数时,计时值不会更改。最终结果是,在第一次初始运行后,此函数的最终结果保持不变。我的猜测是数据以某种方式缓存在浏览器中。我真的需要在每次运行函数时完全刷新它。这怎么可能?我如何处理图像如下

    var imageAddr = "http://www.beautyoftheweb.com/assets/images/content/development-seamless-desktop.jpg";

向图像网址添加一些随机查询字符串。

喜欢

var imageAddr = "http://example.com/image.png?some=random-string-or-number";

这样,每个图像都会加载,因为每次的网址都不同,因此不会有任何缓存问题。