Javascript 强制img从同一URL重新下载

我正在使用此API中随机生成的图像：

当应用程序启动时，它使用该链接获取一个随机图像

当我点击一个按钮时，我想通过设置

img src

来更新图像——但是URL是相同的，所以浏览器看到相同的链接，所以不调用api，所以不会生成新的随机图像

以下是html代码：

<img style="float:right;position: relative;top: 50%;transform: translateY(-50%);" src="{{gifLoader}}"/>

---

尝试添加查询参数，如时间戳。由于时间戳每次都不同，因此它将被视为一个新的请求，并且每次更新img

src

this.gifLoader = "http://loremflickr.com/" + window.screen.width + "/" + window.screen.height +"?timestamp=" + new Date().getTime();

---

希望这有帮助：）

尝试添加一个查询参数，如时间戳。由于时间戳每次都不同，因此它将被视为一个新的请求，并且每次更新img

src

this.gifLoader = "http://loremflickr.com/" + window.screen.width + "/" + window.screen.height +"?timestamp=" + new Date().getTime();

---

希望这对您有所帮助：）

您可以尝试下面提到的cache buster：-

---

“”+

（new Date（））.getTime（）

您可以尝试下面提到的缓存buster：-

---

“”+

（new Date（））。getTime（）

请发布演示您尝试完成的任务和尝试的内容的代码。我发布的代码必须添加一个简单的时间戳作为缓存buster。。。当您在浏览器开发工具中研究DOM时，是否看到带有预期URL的

src=“…”

？请发布代码，演示您尝试完成的任务和尝试的内容。我发布的代码只需添加一个简单的时间戳作为缓存buster。。。当您在浏览器开发工具中研究DOM时，您是否看到带有预期URL的

src=“…”

？接受，我可以问另一个相关问题吗？从服务器下载图像有一个延迟期如何捕获这段时间，在这段时间放置加载gif或任何东西，因为您可以使用微调器/加载器图像。在更改url之前，将加载程序图像的可见性设置为visible，然后更新图像url并在图像的onload事件中隐藏lodaer图像。为了便于参考，请看这是否已被接受，我是否可以问另一个相关问题：从服务器下载图像有一个延迟期。如何抓住这段时间，在这段时间内加载gif或其他内容，以便您可以使用微调器/加载器图像。在更改url之前，将加载程序图像的可见性设置为visible，然后更新图像url并在图像的onload事件中隐藏lodaer图像。参考请参见此