Łańcuch URL URL, aby uniknąć buforowania przeglądarki

Question

Moja strona ma być zabawną stroną z obrazkami, kiedy użytkownik kliknie losowy przycisk, kod PHP na tej samej stronie generuje nowy losowy obraz, tak to ma działać. Muszę jednak nacisnąć przycisk F5, aby uzyskać nowy obraz.

Czytałem na innym pytaniu, że ludzie używają daty otrzymania i otrzymują ciąg kwerendy czasu wygenerowany na końcu linku, aby uniknąć buforowania przeglądarki, jednak nie mogę tego rozgryźć na całe życie.

Nie jestem zbyt dobry w php, więc proszę mówić tak, jakbym znał tylko podstawową strukturę strony. Dziękuję Ci!

Answer 1

To, co opisujesz, nazywa się łamaczem pamięci podręcznej i jest zwykle losowym ciągiem znaków lub znacznikiem czasu dodawanym do adresu URL. Kiedy Twego wizerunku, poprzedź go tak:

echo get_random_image_url() . '?' . time(); 

To spowoduje URL wygląda tak:

http://your.server.com/random.jpg?1355862360

Uwaga: get_random_image_url jest tylko przykładem, ale jestem na pewno masz pomysł.

Ten wątek może Cię zainteresować: How to force a web browser NOT to cache images.

Answer 2

Jest bardzo łatwy do rozwiązania, na przykład: Sprawdź następujące dwa linki:

http://cdn.arstechnica.net/wp-content/uploads/2012/10/06_Place_20773_1_Mis.jpg

http://cdn.arstechnica.net/wp-content/uploads/2012/10/06_Place_20773_1_Mis.jpg?randomValue

Zarówno z dwóch linków będzie otwarty ten sam obraz.

To jest Twoje rozwiązanie! Trzeba dodać na końcu pliku obrazu wymienić losową wartość:

image.png?<?php echo someRandom();?> 

tej społeczności lub Google sposobu, aby napisać funkcję, która gemnerates wartości losowe.

Ponadto istnieje rozwiązanie wykorzystujące javascript, suupose następujące

<img id="funny" src="scripts/php_rand_image.php" /> 
<a href="javascript:changeImage('funny')">Get another image</a> 
<script> 
function changeImage(ob){ 
image = document.getElementById(ob) 
d = new Date(); 
image.src = image.src+'?'+d.getTime(); 
} 
</script> 

Answer 3

myślę użyciu nagłówków jest lepsza niż trick url

<?php 
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1 
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past 
?> 

http://php.net/manual/en/function.header.php