IE - при загрузке нового изображения, получение старого изображения Отображается

Question

Я использую localStorage для хранения пути изображения. У меня есть страница, где New Image загружается пользователем. Я перезагружаю localStorage, так что новое изображение применяется, когда post back сделан.

В Chrome, Firefox он хорошо работает, но в IE видно то же самое старое изображение.

Поскольку я очищаю кеш браузера в IE, он показывает мне новое изображение.

Как решить это в IE браузере?

Мне известно о трюке querystring, добавляющем к изображению, но я не могу использовать его в своем коде, есть ли другой способ?

Answer 1

Try:

<!--[if IE]> 
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
    <META HTTP-EQUIV="Expires" CONTENT="-1"> 
<![endif]--> 

Имейте в виду, что IE 10+ не поддерживает условные комментарии, хотя. Если новые версии по-прежнему имеют одинаковую проблему, динамическое изменение имени вашего изображения - это путь.

Answer 2

Попробуйте добавить кэш-прерыватель в конце URL изображения,

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

Это добавит метку времени на запрос image.jpg и это сделает браузер еще раз посмотреть на изображение с вашего сервера вместо того, чтобы извлекать тот, который хранится в кеше браузера.

Или для лучшего способа обслуживания изображения с помощью Cache-control: no-cache HTTP-заголовков.

Pragma: no-cache 
Expires: Fri, 30 Oct 1998 14:19:41 GMT 
Cache-Control: no-cache, must-revalidate 

Предоставляя дату в прошлом, он не будет кэшироваться браузером.