llenar un array de imagenes por tamaño

[gerion_angel]

Buenos días foro.

estoy teniendo que buscar en un xml que contiene Urls de imagenes, aquellas que tienen un tamaño concreto y me está dando muchos problemas.

tan solo puedo usar javascript

este es mi código.

Código:

var xmlIE = cargarXMLDoc('http://10.xxx.xx.xxx/Datos/imagenEnorme.xml');
	var xIE = xmlIE.getElementsByTagName("elemento");
	for (var i = 0; i < xIE.length; i++){
		miImagen.src = xIE[i].getElementsByTagName("Imagen")[0].childNodes[0].nodeValue;
		miImagen.onload = function () {
			alert (this.src + " -> " + this.width + " x " + this.height);
			if (this.width == 320 && this.height == 197){
				contadorIE++;
				miArrayIE.push(this.src);
				}
			};
		}
	alert ("tamaño->" + miArrayIE.length + " contador-> " + contadorIE);

se que leo correctamente el xml y que le recorro.

pero la salida en los alert de esto, es

--> tamaño->0 contador-> 0
-->'url' -> 592 x 320

tan solo esto, esa Url, corresponde a la ultima imagen del archivo xml.

por lo que veo, primero se está ejecutando entero y después realiza las cargas de las imagenes?

como puedo solucionarlo?

gracias por adelantado

[zerokilled]

buenas.
el problema que tiene tu script es que es asíncrono. es decir, el script no espera a que se complete la petición http ‒ para cargar la imagen ‒ ni a que que se complete el evento onload. entonces, bucle como el bucle realiza todo de un golpe, al finalizar no se realiza ninguna de las peticiones, solo la última. ¿qué debes hacer? debes crear una especie de bucle en el mismo evento onload de la imagen de tal modo que una vez carga la imagen, extrae y almacena la información, luego cambia el src de la misma imagen. de esta manera se garantiza que se procese todas las imagenes. ahora, si una de las imagenes falla en cargar, creo que se rompe el ciclo.

Código:

image.onload = function(){
// procesar datos de la imagen;
this.src = proxima_url; 
// al cambiar el src, se realiza otra peticion y por tanto se vuelve a inicar el evento;
};

[IsaBelM]

Iniciado por zerokilled

ahora, si una de las imagenes falla en cargar, creo que se rompe el ciclo.

para evitarlo, aunque no lo he probado, se puede usar un temporizador (setTimeout recursivo). de este modo aunque falle la carga de una de las imágenes, se fuerza a que se carge la siguiente

(function loop(){
setTimeout(function(){

// logic here

// recurse
loop();

}, 1000);
})();

fuente