How to append timestamp to force refresh of image

Question

I am trying to append a timestamp to the query string to force a refresh of the images or any other way to force a refresh. It does not seem to refresh my images by setting ajaxSetup cache to false.

How would I do it otherwise?

The jquery for this

<script>
    $(document).ready(function() {
        $.ajaxSetup({'cache':false});
        $('#right').load('score.html');
     alert('loaded');
    setInterval(function() {
        $.ajaxSetup({'cache':false});
        $('#right').load('score.html');
    }, 10000);
    });
</script>

The score.html

<img class="small" src="VTVFile1.jpg" alt="Image not found" onError="this.onerror=null;this.src='demo.jpg';" />
<img class="small" src="VTVFile2.jpg" alt="Image not found" onError="this.onerror=null;this.src='demo.jpg';" />

<img class="small" src="VTVFile3.jpg" alt="Image not found" onError="this.onerror=null;this.src='demo.jpg';" />
<img class="small" src="VTVFile4.jpg" alt="Image not found" onError="this.onerror=null;this.src='demo.jpg';" />

you can add parameter to your get request for image. f.e it describes here http://stackoverflow.com/questions/1077041/refresh-image-with-a-new-one-at-the-same-url — Alex Filatov, Mar 06 '15 at 09:40

score 0 · Answer 1 · answered Feb 27 '17 at 15:30

0

You can use like this.

<img class="small" src="VTVFile1.jpg" 
alt="Image not found" 
onError="this.onerror=null;this.src='demo.jpg?'+new Date().getTime();" />

answered Feb 27 '17 at 15:30

Vijay Maheriya

1,617
16
21

score 0 · Answer 2 · answered Feb 27 '17 at 15:39

0

Why don't use Math.random() function

$('#right').load('score.html?r='+Math.random());

answered Feb 27 '17 at 15:39

Omar Ali

1

How to append timestamp to force refresh of image

2 Answers2