Перезагрузить изображение не обновляется

Question

function updateimage(){
    $("#fileimg").attr("src","path/to/image.jpg");
    $('#fileimg').fadeIn('slow');
    setTimeout(updateimage, 5000);
}

Эй,

Я хочу перезагружать изображение каждые 5 секунд, но это не работает, оно остается прежним, но когда вы нажимаете F5, страница обновляется.Как я могу обновлять его каждые 5 секунд, чтобы изображение тоже обновлялось?

Answer 1

Он кэшируется, поэтому его не нужно перезагружать. Если вы хотите запустить новую загрузку, вы должны заставить браузер думать, что это другой файл:

function updateimage(){ 
    $("#fileimg").attr("src","path/to/image.jpg?" + new Date());  
    $('#fileimg').fadeIn('slow');  
    setTimeout(updateimage, 5000); 
}

Answer 2

Есть ли решение, которое учитывает http-кэширование?Если изображение меняется только иногда, было бы здорово не заставлять каждого клиента делать полную перезагрузку.

Например, у меня есть фотография с веб-камеры, которая обновляется каждые 5 секунд.Даже если каждый клиент выполняет перезагрузку? DateMillis каждые 5 секунд, промежуточные кэши по-прежнему будут неправильно использовать данные между клиентами.Разрешение работы стандартных таймаутов кэша (или даже проверок etag) позволило бы сэкономить много ресурсов.