0

Изображение на странице показывается так:

<img src='path'>

Когда страница загружается, на сервер идет запрос, потом изображение магическим образом отображается в браузере (и, вероятно, сохраняется где-то на компе пользователя). Обычно всего этого достаточно.

А если после того, как пользователь увидит картинку, она будут изменена на сервере. Как обновить картинку в браузере без перезагрузки страницы?

2 ответа 2

3

jQuery:

$("#button").on("click", function(){
    var $img = $("#img");
    $img.attr("src", $img.attr("src").split("?")[0] + "?" + Math.random());       
});
3
  • А если в src не будет символа [?]?
    – Lucky
    25 сен 2013 в 5:58
  • Идею понял, спасибо! 25 сен 2013 в 15:42
  • Если его не будет, елемент с нулевым индексом будет содержать весь src.
    – dekameron
    25 сен 2013 в 17:34
0

Ну, может кому пригодится. Сделал глупо, но работает:

var src = $("img").attr('src'); 
$("img").removeAttr('src').attr('src', src);

Картинка исправно обновляется.

2
  • Можно простопоменять значение src, не обязательно его удалять) 24 сен 2013 в 17:30
  • Ну, я что б наверняка! 25 сен 2013 в 15:41

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.