Est-ce que 'new Image()' permet d'utiliser le cache (JavaScript)

Question

Si j'utilise new Image() pour charger une image en JavaScript, utilisera-t-elle une version en cache si possible, ou la chargera-t-elle toujours?

var imgObj = new Image(); 
imgObj.src = 'http://...'; 
imgObj.onload = function (loadedImg) { } 

Answer 1

Il va charger du cache si elle est là, de la même façon un <img> dans votre balisage serait.

Answer 2

Vous pouvez forcer un rechargement en ajoutant un argument de chaîne de requête bidon. Si votre déclaration attribuant une URL à la propriété src de l'image est

imgObj.src = 'http://www.mySite.com/images/anImage.png'; 

vous pouvez le rendre comme

imgObj.src = 'http://www.mySite.com/images/anImage.png?foo=0'; 

Il suffit de comprendre que sur les charges suivantes, il sera toujours utiliser la copie en cache sauf si vous modifiez la argument de chaîne de requête.

Answer 3

Une chose à noter est que si vous voulez onload ça arrive toujours (même quand il est dans le cache) vous devez définir onload avant src.

var imgObj = new Image(); 
imgObj.onload = function (loadedImg) { } 
imgObj.src = 'http://...';