Jak wygasić buforowany obraz bez uderzania F5?

Question

Tworzę aplikację internetową z MVC4 i C#.

jestem pozwalając użytkownikowi na przesyłanie obrazu na zdjęciu profilowym. W tej chwili potrzebuję wygaśnięcia poprzedniego zdjęcia profilowego, aby po ponownym załadowaniu strony przeglądarka wyświetliła nowy obraz. Obecnie, ponieważ oba obrazy mają tę samą nazwę, przeglądarka używa poprzedniego obrazu, który został zapisany w pamięci podręcznej zamiast nowego obrazu.

Gdybym zmusić przeglądarkę, aby przeładować z F5 pokazuje nowy obraz. Jak upewnić się, że użytkownik powracający na swoją stronę profilu zobaczy nowy obraz, a nie ten w pamięci podręcznej przeglądarki bez uderzania F5?

Answer 1

Możesz dodać obojętne parametr na końcu nazwy pliku obrazu. Na przykład:

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

gdzie liczba jest przypadkowa lub znacznik czasu. Zostanie zignorowany, ale obecność zmusi przeglądarkę do ponownego załadowania obrazu.

Answer 2

Podczas zapisywania obrazu na serwerze, dodać (statyczny) fragment tekstu przypadkowej nazwy pliku i ponownie wygenerować go, gdy zmienia się obraz. W ten sposób przeglądarka buforuje obraz, gdy jest taki sam, i ponownie go ładuje, gdy zmienia się, co daje pożądane zachowanie bez niepotrzebnego czasu ładowania strony.