Как обновить кэш картинки без перезагрузки страницы?

Question

[MBean]

Есть некая страница с картинкой. Картинка на сервере меняется. Браузер отображает старую картинку из кэша. Нужно заставить браузер отобразить новую картинку. Варианты с добавлением к ссылке на картинку GET-параметров и полное отключение кэша не интересуют.

Есть идея с отправкой AJAX-запроса в картинку. Таким кодом удалось обновить кэш в WebKit и Presto:

var http = new XMLHttpRequest();
http.open('GET', image.png, true);
http.setRequestHeader('Cache-Control', 'no-cache');
http.send();

Нужно что-нибудь придумать для FF и IE.

Comments

[Oleg Shevelev]

Не пробовали создавать элемент "a" и грузить изображение в него без отображения?

[MBean]

Не пробовал, не понял вашу мысль.

[Алексей Уколов]

Oleg Shevelev: у элемента (ссылки или изображения, не важно), не удастся указать сброс кэша через заголовки.

[Алексей Уколов]

Этот способ не работает в FF и IE? Вроде, должен. В чём это проявляется?

[MBean]

В FF и IE картинка не обновляется. Очень похоже, что у этих браузеров есть еще какое-то хранилище после кэша. Сервер отвечает 200 кодом и возвращает новую картинку, что как-бы говорит об обновлении кэша, но на странице изменений нет.

[littleguga]

MBean: а чем вариант добавить img.png?v=1281289192 не нравится?

[MBean]

Этот вариант подходит не всегда. Ищу альтернативные решения.

[Владимир]

stackoverflow.com/questions/1077041/refresh-image-...

[MBean]

Владимир: отличная ссылка, идея с iframe сработала, спасибо.

Answer 1

[PerfectLab]

Как вариант, если это просто изображения, можно добавлять timestamp к src изображения:

image.src = "http://localhost/image.jpg?" + new Date().getTime();