Immagini jpg e png non aggiornate (cache inside)

[collineaprutinemeteodue]

Allora vengo subito al punto,ho notato che solo con il browser Google chrome non si aggiorna ne l'immagine della mia web cam ne i relativi grafici della mia stazione meteo pubblicati nella mia pagina web ,ho intuito con estrema facilità che si tratta di un problema di cache nel senso che Chrome al caricamento della pagina va a pescare tale immagini direttamente dalla cache,impedendo di fatto che l'eventuale visitatore non riesca mai a vedere l'aggiornamento relativo alle varie immagini presenti sul sito che sia l'immagine della web cam che siano le jpg relative ai grafici appunto,infatti andando a svuotare la cache manualmente le immagini si aggiornano ma solo nel momento in cui agisco fisicamente,la cosa strana è che se vado direttamente sull'url dell'immagine stessa (sia dei grafici che della web cam) entrambi si aggiornano!Quindi sembra che la cache si metta in moto solo nel momento in cui tali immagini si trovano nella pagina web.Premetto che ho gia' usato tutti i possibili codici meta tag relativi alla limitatazione da parte di una pagina html a far leggere al browser la cache ma senza alcun successo tanto dallo stare vicino al gettare la spugna,premetto poi che la paginetta è scritta con il banale linguaggio html.
Poi ho scoperto che su Chrome volendo si puo' forzare il refresh di una pagina web (impedendo che la i dati vengano letti dalla cache) premendo simultaneamente Ctrl+F5 pertanto il problema alla fine non sorgerebbe nemmeno su un pc fisso ma se si usa uno smartphone (con dove chrome gira su android per esempio) tale operazione è impossibile,nel senso che non esiste una combinazione di tasti che svolge la stessa funzione di Ctrl+F5 come avviene sul pc
Mi piacerebbe propio sapere come si potrebbe risolvere questo problema apparentemente irrisolvibile,anche perchè con Chrome di siti meteo aggiornati sia nelle cam che nei grafici (che spesso sono jpg) ne visito molti.

[collineaprutinemeteodue]

Ah dimenticavo non ho attivato Cloudfare!Percui non dipende nemmeno da questo.

[alemoppo]

Una soluzione "brutale" ma efficace può essere quella di modificare apparentemente l'url dell'immagine ingannando il browser.

Se ad esempio inserisci una immagine in questo modo:

<img src="percorso/immagine.jpg">

Potresti ingannarlo in questo modo:

<img src="percorso/immagine.jpg?r=123456">

dove, invece di 123456 ci immetti un numero (o anche lettere) random. L'immagine sarà sempre quella ma cambiando l'url il browser sarà forzato ad aggiornarla.

Il numero random si può fare in vari modi, ad esempio via PHP (la pagina dovrà aver estensione .php):

<img src="percorso/immagine.jpg?r=<?php echo time(); ?>">

(ho usato time ma si può usare qualsiasi funzione che cambia risultato, anche rand o alte vanno bene)
Oppure tramite javascript, il modo più semplice è:

<script>document.write('<img src="percorso/immagine.jpg?r='+Math.random()+'">');</script>

Ciao!