jQuery. Как обновить изображение в image?


Иногда бывает надо обновить изображение в теге img при помощи jquery. В этой статье пример, как можно сделать refresh для img.

Главное, что нужно знать — это то, что браузер кеширует изображения, что как раз и может мешать обновлению его на странице, если, к примеру, оно уже изменилось на сервере. В таком случае можно обновить изображение путём перезагрузки аттрибута src с любым параметром — удобнее всего использовать таймштамп — т.е. метку времени.

Например, вот так:

d = new Date();
$("#myimg").attr("src", "/myimg.jpg?"+d.getTime());

Также можно попробовать такой метод:

$("#myimg").removeAttr("src").attr("src", "/myimg.jpg");

Оба метода должны обеспечить принудительную перегрузку изображения.

Если что-то не вышло — пишите в комментарии. Удачи!

, , ,

Добавить комментарий

Ваш адрес email не будет опубликован.