javascript - 强制从同一 URL 重新下载 img

Question

我正在使用从此 API 随机生成的图像:http://loremflickr.com/320/240

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

当我点击按钮时，我想通过设置 img src 来更新图像 - 但 URL 是相同的，因此浏览器会看到相同的链接，因此不会调用 api ，因此不会生成新的随机图像。

这是html代码:

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

该按钮有一个调用此函数的单击事件:

nextImg()
  {
    this.gifLoader = "http://loremflickr.com/" + window.screen.width + "/" + window.screen.height;
  }

Answer 1

尝试添加查询参数，例如时间戳。由于每次时间戳都会不同，因此会被视为新请求，每次更新 img 时都会得到一个新图像 src

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

希望这有帮助:)