Con jQuery possiamo disabilitare il caching delle immagini.
Per forzare il refresh delle immagini aggiungiamo semplicemente un parametro GET casuale all'URL dell'attributo src
:
$( "img" ).each(function() {
var $img = $( this );
var src = $img.attr( "src" );
var token = ( Math.random() * Date.now() ).toString();
$img.attr( "src", src + "?" + token );
});
I browser sono sempre costretti a seguire qualsiasi richiesta GET si presenti durante il parsing della marcatura o l'analisi del DOM. L'attributo src
di un'immagine è appunto un URL, ossia una richiesta GET. Se il browser ha già reperito la risorsa all'URL specificato, non effettuerà una nuova richiesta a meno che l'URL non cambi.