Image cannot be found if I add timestamp after image src

Question

I am trying to force an image to reload as a cache issue. I tried to follow this example but my result is that the image cannot be found:

<img id="profile_image" class="profile" src="http://localhost/PDO/asset/user_image/201658.jpg#1495177084338" alt=" profile">

var base_url    = $("#base_url_side").val();

function myForeverFunc(){

    $.ajax({
        url: base_url + "TimeKeeping/get_latest_login",
        cache: false,
        dataType: 'json',
        success: function(data){
            $(".user_name").html(data[0].Name);
            $("#profile_image").attr('src', base_url+"asset/user_image/"+data[0].Userid+".jpg#"+ new Date().getTime());
        }
    });
}

myForeverFunc();
setInterval(myForeverFunc, 500);

score 1 · Answer 1 · answered May 19 '17 at 07:03

1

Change this line:

$("#profile_image").attr('src', base_url+"asset/user_image/"+data[0].Userid+".jpg#"+ new Date().getTime());

to

$("#profile_image").attr('src', base_url+"asset/user_image/"+data[0].Userid+".jpg?time"+ new Date().getTime());

and try again.

answered May 19 '17 at 07:03

Mayank Pandeyz

25,704
4
40
59

I did some experimenting and discovered that my image is not loading fast enough when my setinterval is triggered. – hungrykoala May 19 '17 at 07:34

score 0 · Answer 2 · answered Dec 11 '19 at 12:33

0

Try using ? after jpg in your code like this

$("#profile_image").attr('src', base_url+"asset/user_image/"+data[0].Userid+".jpg?"+ new Date().getTime());

answered Dec 11 '19 at 12:33

Soumyaranjan Nayak

21
2

Image cannot be found if I add timestamp after image src

2 Answers2