jQuery: disabilitare il caching delle immagini

Con jQuery possiamo disabilitare il caching delle immagini.

jQuery di Gabriele Romanato

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.

Commenti