Estoy haciendo una página simple para mostrar todas las imágenes que usa chromecast como presentación. He encontrado un archivo JSON en github con los enlaces a las imágenes. El problema está en que algunas ya no están en el servidor (devuelven 404), entonces mi idea es que antes de cargarlas, solicitar solamente la cabecera (función fetchHead) para no cargar el cuerpo de la imagen, si esta devuelve un 404, no la incluyo, pero parece ser que cuando el if es correcto (devuelve true porque el status de la cabecera es 200), siempre devuelve false, por lo tanto nunca se carga la imagen.
Voy a dejar el código, pero me parece que el problema está en el alcance del return...
probe = (a) => {
for (i = 0; i < 10; i++) {
if (fetchHead(a[i].url)) {
console.log("done");
} else {
console.log("err");
}
}
};
fetchHead = (a) => {
let head = new XMLHttpRequest();
head.onreadystatechange = function() {
if (this.readystate === 2) {
if (this.status === 200) {
return true;
} else {
return false;
}
}
};
head.open('HEAD', a);
head.send();
};
Ni que decir tiene que el parámetro a es el objeto JSON de github
Me explico fatal, pero creo que con el código puede quedar claro...
Aclaro, en el for hay un 10 para no sobrecargar el servidor a llamadas, tener en cuenta que cada carga completa de esta página son unos 120MB de imágenes.