Une petite astuce en jQuery permettant d’éviter que le navigateur récupère une image en cache (portant le même nom), au lieu d’ouvrir la dernière en date.

Me concernant, il s’agissait de changer dynamiquement l’attribut src d’une image. Évidemment cette astuce peut s’avérer utile dans d’autres situations.

d = new Date();

$('#image').attr("src", "images/avatar.jpg?"+d.getTime());

La méthode getTime() retourne le nombre de millisecondes écoulées depuis le 1er Janvier 1970, elle rend donc l’URL de l’image unique, par conséquent le navigateur ne la retrouve pas dans son CACHE.