Czy istnieje sposób na zmuszenie przeglądarek do odświeżania/pobierania obrazów?

Question

Mam problem polegający na tym, że użytkownicy zgłaszają, że ich zdjęcia nie są przesyłane, a stare nadal tam są. Przy bliższym przyjrzeniu się pojawiają się nowe obrazy, mają po prostu taką samą nazwę jak stara. To, co robię podczas przesyłania, to zmiana nazwy obrazów na potrzeby SEO. Gdy usuwają obraz, stary indeks staje się dostępny i jest ponownie wykorzystywany. Dlatego ma tę samą nazwę obrazu.

Czy istnieje sposób (pomyślałem, że może być metatag), aby poinformować przeglądarkę, aby nie korzystała z jego cahce?

Lepszą odpowiedzią jest zmiana nazwy obrazu na coś zupełnie nowego. Będę pracował nad tym, ale w międzyczasie jest to szybkie rozwiązanie, podczas gdy ja pracuję nad większym problemem.

Answer 1

Dołącz ciąg kwerendy z dowolnego unikalnego numeru (lub czasu lub numeru wersji, etc.):

<img src="image.png?80172489074" alt="a cool image" /> 

Spowoduje to nowy wniosek, ze względu na inny adres URL.

Answer 2

Możesz kontrolować zachowanie pamięci podręcznej, grając z nagłówkami HTTP.

ustawienie poprzedniego nagłówka expires zmusiłoby przeglądarkę do nieużywania wersji buforowanej.

Expires: Sat, 26 Jul 1997 05:00:00 GMT 

Można skonsultować się z RFC mieć więcej szczegółów.

Answer 3

Można umieścić http-equiv w <meta> tag który powie przeglądarkę, aby nie używać pamięci podręcznej (lub nawet lepiej - użyj go w pewien określony sposób), ale lepiej jest skonfigurowanie serwera do wysyłania prawidłowego nagłówki HTTP cache. Sprawdź article on caching.

Mimo to niektóre przeglądarki mogą nie obsługiwać wszystkich standardów http, ale uważam, że jest to właściwy sposób.

Answer 4

Jeśli spojrzysz na dane wymieniane między przeglądarką a serwerem, zobaczysz, że przeglądarka wyśle ​​żądanie HTTP HEAD dla obrazów. Wynik będzie zawierał czas modyfikacji (ale nie rzeczywiste dane obrazu). Upewnij się, że ten czas się zmienia, jeśli obraz zmienia się na serwerze, a przeglądarka powinna pobrać obraz ponownie.

Answer 5

To jest trudne. Naprawdę chcesz, aby obrazy były buforowane, ale nie chcesz ich buforować po udostępnieniu nowych:

• Użycie nagłówka wygasania z datą w przeszłości zapobiega buforowaniu. Zły
• Dodanie parametru "pomijanie pamięci podręcznej" 342038402 może naprawić problem, ale może również zapobiec buforowaniu obrazu, co nie jest tym, czego potrzebujesz. Zły.
• Używanie wygasającego nagłówka z krótkim (powiedzmy 1 godz.) Wygasa, jest lepsze ... po godzinie użytkownik zobaczy obraz, ale serwer internetowy nie będzie musiał go wyświetlać za każdym razem. Kompromis, ale która godzina działa? Naprawdę niewykonalne.

Rozwiązanie? Mogę myśleć o dwóch dobrych opcji:

• Look w Etags i zdolność do korzystania z nich. Są one zaprojektowane do tej sytuacji. Przeglądarka wyraźnie zapyta serwer, czy plik jest aktualny, czy nie.Możesz po prostu włączyć to w Apache, jeśli go nie masz.
• Utwórz nowy adres URL dla każdego nowego obrazu (i użyj nagłówka o wygasłej przyszłości). Nad tym pracujesz.

Answer 6

Dołącz bieżący datetime do src obrazu:

<img src="yourImage.png?v=<?php echo Date("Y.m.d.G.i.s")?>" /> 

Answer 7

W PHP można wysłać liczbę losową lub aktualny timestamp:

<img src="image.jpg?<?=Date('U')?>"> 

lub

<img src="image.jpg?<?=rand(1,32000)?>"> 

Answer 8

to nie było w porządku, myślę, że to jest sposób na zaprogramowanie tego poprawny.

<td><?php echo "<img heigth=90 width=260 border=1 vspace=2 hspace=2 src=".$row['address']."?=".rand(1,999)."/>" ?></td> 

Answer 9

w PHP można użyć tej sztuczki

<img src="image.png?<?php echo time(); ?>" /> 

funkcji czasu() pokazują aktualny timestamp. Każde ładowanie strony jest inne. Kod ten oszukuje przeglądarkę: czyta inną ścieżkę i "myśli", że obraz został zmieniony, ponieważ użytkownik odwiedził witrynę po raz ostatni. I trzeba go ponownie pobrać, zamiast korzystać z pamięci podręcznej.

Answer 10

Przejdź losowo. Po prostu użyj pewnej liczby losowej i dołącz ją do pliku obrazu.

<img src="image.jpg?<?=rand(1,1000000)?>">