javascript - 刷新页面所有图片

Question

我正在使用以下脚本来更新显示网络摄像头的页面上的图像。网络摄像头图像通过 FTP 获取。因为我想使用 mixitup 实现一个过滤接口(interface)，所以我不希望刷新整个页面，因为这会清除任何过滤器。

所以上面的脚本确实有效......有点。这里的问题是，最终图像 URL 会变得太长而无法显示。

有人对如何解决这个问题有建议吗？

干杯!

function imgRefresh() {
  var now = new Date();
  for (i = 0; i < document.images.length; i++) {
    document.images[i].src = document.images[i].src + "?" + now.getTime();
  }
  setTimeout('imgRefresh()', 5 * 1000);
}

Answer 1

您可以使用 split()、“?” 作为分隔符并获取结果的第一部分，这将是原始 url。

示例:

<script language="JavaScript" type="text/javascript">

function imgRefresh() {
    var now = new Date();
    for(i=0; i<document.images.length; i++) {
        document.images[i].src= document.images[i].src.split("?")[0];
        document.images[i].src = document.images[i].src + "?"+now.getTime();
    }
    setTimeout('imgRefresh()', 5*1000);
}

</script>

关于 split() 的文档.