Обновить все изображения на странице

Question

Я использую следующий скрипт для обновления изображений на странице с веб-камерами. Изображения веб-камеры вытягиваются по FTP. Поскольку я хочу реализовать интерфейс фильтрации, используя mixitup, я не хочу, чтобы вся страница обновлялась, так как это очистит все фильтры.

Таким образом, вышеупомянутый скрипт действительно работает .... Проблема здесь в том, что в конечном итоге URL-адрес изображения станет слишком длинным и не будет отображаться.

Есть ли у кого-нибудь предложение о том, как это можно решить?

Cheers!

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().