¿Usando image.complete para encontrar si la imagen está almacenada en caché en Chrome?
He estado tratando de averiguar si una imagen externa se almacena en caché en el navegador con js, este es el código que tengo hasta ahora:
<html>
<head></head>
<body>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
function cached( url ) {
$("#imgx").attr({"src":url});
if(document.getElementById("imgx").complete) {
return true;
} else {
if( document.getElementById("imgx").width > 0 ) return true;
}
return false;
}
</script>
<img id="imgx" src="" />
<script>
$(document).ready(function(){
alert(cached("http://www.google.com/images/srpr/nav_logo80.png"));
});
</script>
</body>
</html>
Funciona perfectamente en Firefox pero siempre devuelve falso en Chrome.
¿Alguien tiene alguna idea de cómo hacer que funcione con Chrome?