Come posso impedire la cache delle immagini con JavaScript?

Come forzare il refresh delle immagini con JavaScript.

JavaScript di Gabriele Romanato

In alcuni siti la cache delle immagini può essere selettiva, ossia può riguardare solo alcuni tipi di immagini. Ecco una soluzione con JavaScript.

Si tratta di aggiungere un parametro GET agli URL delle immagini per forzarne il refresh:


function refreshImages( name ) {
	var images = document.getElementsByClassName( name );
	var now = +new Date;
	var queryString = "?v=" + now.toString();
	
	for( var i = 0; i < images.length; ++i ) {
		var img = images[i];
		var src = img.src;
		img.setAttribute( "src", src + queryString );
	}
}

document.addEventListener( "DOMContentLoaded", function() {
	refreshImages( "no-cache" );

});