刷新頁面上的所有圖像

Question

我正在使用以下腳本更新顯示網絡攝像頭的頁面上的圖像。 網絡攝像頭圖像由FTP拉取。 因為我想使用mixitup實現過濾接口，所以我不希望整個頁面刷新，因為這將清除任何過濾器。

所以上面的腳本確實有用......有點兒。 這里的問題是最終圖像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

使用replace正則表達式： -

function imgRefresh() {
  var now = new Date();
  for (i = 0; i < document.images.length; i++) {
    var src = document.images[i].src.replace(/\?\d+/, '');
    document.images[i].src = src + '?' + now.getTime();
  }
  setTimeout(imgRefresh, 5000);
}

/\\?\\d+/尋找？ 然后是數字 ，然后用新的時間代替。

Answer 2

您可以使用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（）的文檔。