Descargar Todas las Imágenes De Una Pagina Web Con JavaScript

 Hace ya casi 2 años escribí como extraer los link de una pagina web basándome de un código que encontré en internet y yo acabe escribiendo 2 códigos en vbscript para extraer los links y las imágenes.

https://elblogdeflamer.blogspot.com/2019/04/codigo-para-extraer-todos-los-links-de.html

Bueno pues ahora les traigo 3 código en JavaScript el primero es el original el de extraer solo los link o URL que usa la pagina, el segundo ya hecho por mi extrae las URL de las imágenes y el ultimo descarga todas las imágenes de la pagina que queremos probar.

Para probar estos códigos será en la pagina principal de Ricardo Narvaja solo los copearemos los script y los pegaremos en la barra de direcciones del navegador, así que probaremos el primero

http://ricardonarvaja.info/

VER TODOS LOS LINK (REMPLAZAR _ POR :)

=======================================================================================================================

javascript_var nodos = document.getElementsByTagName("a");var links = "";for(i=0;i<nodos.length;i++){links += nodos[i].href + "<br><br>";}document.getElementsByTagName("body")[0].innerHTML = links;

lo copeamos y lo pegamos así

el resultado es el siguiente

ahora refrescamos la pagina de Ricardo y probaremos el siguiente código, creo que no tiene caso poner 2 imágenes una cuando lo pongo en la barra de direcciones y otra con el resultado, así que mostrare esta ultima

VER LINK DE TODAS LA IMAGENES(REMPLAZAR _ POR :)

=========================================================================

javascript_var nodos = document.getElementsByTagName("img");var links = "";for(i=0;i<nodos.length;i++){links += nodos[i].src + "<br><br>";}document.getElementsByTagName("body")[0].innerHTML = links;

y el resultado es el siguiente

Y ahora probaremos el tercer código el cual me gusta mas y creo que a ustedes también

DESCARGAR TODAS LAS IMAGENES(REMPLAZAR _ POR :)  

=========================================================================

javascript_var nodo_link = document.getElementsByTagName("a");var nodo_img  = document.getElementsByTagName("img");var url = "";var largo=0;for(i=0;i<nodo_img.length;i++){url = nodo_img[i].src;nodo_link[0].href = url;largo = url.lastIndexOf("/");nodo_link[0].download=url.substr(largo-1);nodo_link[0].click();}

al ejecutarlo aparecerá la siguiente imagen 

así que damos clic en permitir ya que nos pide permiso de descargar varios archivos de la misma pagina, las cuales son las imágenes no se asusten y el resultado será el siguiente

por ultimo les dejo los 3 códigos ya entendibles

CODIGO 1

var nodos = document.getElementsByTagName("a");

var links = "";

for(i=0;i<nodos.length;i++)

{

links += nodos[i].href + "<br><br>";

}

document.getElementsByTagName("body")[0].innerHTML = links;

CODIGO 2

var nodos = document.getElementsByTagName("img");

var links = "";

for(i=0;i<nodos.length;i++)

{

links += nodos[i].src + "<br><br>";

}

document.getElementsByTagName("body")[0].innerHTML = links;

CODIGO 3

var nodo_link = document.getElementsByTagName("a");

var nodo_img  = document.getElementsByTagName("img");

var url = "";

var largo=0;

for(i=0;i<nodo_img.length;i++)

{

url = nodo_img[i].src;

nodo_link[0].href = url;

largo = url.lastIndexOf("/");

nodo_link[0].download=url.substr(largo-1);

nodo_link[0].click();

}

Bueno creo que eso es todo espero se diviertan con estos códigos simples ya que esto lo hago por diversión jajajaja  saludos Flamer