JavaScript: refresh selettivo delle immagini

JavaScript: refresh selettivo delle immagini

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:


'use strict';

const refreshImages = className => {
	let images = document.getElementsByClassName( className );
	let queryString = '?v='
	
	for( let i = 0; i < images.length; i++ ) {
		let img = images[i];
		let src = img.src;
		img.setAttribute( 'src', src + queryString + Date.now().toString(16) );
	}
}

document.addEventListener( 'DOMContentLoaded', () => {
	refreshImages( 'no-cache' );

});

Torna su