Как истечь кешированное изображение без удара F5?

Question

Я делаю веб-приложение с MVC4 и C#.

Я разрешаю пользователю загружать изображение для изображения своего профиля. В этот момент мне нужно, чтобы предыдущее изображение профиля истекало, так что, когда браузер перезагружает страницу, отображается новое изображение. В настоящее время, поскольку оба изображения имеют одно и то же имя, браузер использует предыдущее изображение, которое было кэшировано вместо нового изображения.

Если я заставляю браузер перезагружаться с помощью F5, он отображает новое изображение. Как я могу убедиться, что пользователь, возвращающийся на страницу своего профиля, видит новое изображение, а не тот, что находится в кеше браузера, не нажимая F5?

Answer 1

Вы можете добавить фиктивный параметр в конец имени файла изображения. Например,

<img src="...\avatar.jpg?d=7615833"> 

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

Answer 2

При хранении изображения на сервере добавьте (статический) бит случайного текста в имя файла и заново сгенерируйте его при изменении изображения. Таким образом, браузер будет кэшировать изображение, когда он будет таким же, и перезагрузить его, когда он изменится, что дает желаемое поведение без добавления ненужного времени загрузки страницы.