Download images with Javascript

Question

Well, I’m needing that one script Automatically download images to me.

For example the url of the picture begins in http:///the_gamer/the_gamer035-01.jpg until http:///the_gamer/the_gamer035-25.jpg, so I need a script to download all images, if possible need the name of the photo to be kept as the original.

Answer 1

Taking advantage of the idea of the loop of Luiz Santos and the script of the brother of this post

for(var x = 1;x <= 25; x++ ){
if( x < 10)
var url = "0" + x + ".jpg";
else
var url = x + ".jpg";

var a = document.createElement('a');
a.href = "http:///the_gamer/the_gamer035-"+url;
a.download = "035-"+url;
a.click();

}

In Google Chrome Version 61.0.3163.100 is asked a question "Download multiple files" "Allow" "Block". The browser must be configured to download files automatically. Otherwise you will be waiting for confirmation of each download.

To automatically configure downloads on Google Chrome

1 - On your computer, open Google Chrome.

2 - In the upper right corner, click on Settings

3 - At the bottom of the page, click on Advanced

4 - In the "Downloads" section, adjust your download settings

The question link doesn’t seem to work http:///the_gamer/the_gamer035-01.jpg

Answer 2

Javascript for downloading an image is as follows:

var a = $("<a>")
    .attr("href", "http:///the_gamer/the_gamer035-01.jpg")
    .attr("download", "img.png")
    .appendTo("body");

a[0].click();

a.remove();

Knowing this just make a go going through the item number you want:

var url = "http:///the_gamer/the_gamer035-"

for(var x = 1;x <= 25; x++ ){
if( x < 10)
var url = url + "0" + x + ".jpg";
else
var url = url + x + ".jpg";

var a = $("<a>")
    .attr("href", "http:///the_gamer/the_gamer035-01.jpg")
    .attr("download", "img.png")
    .appendTo("body");

a[0].click();

a.remove();
}

It will download all images up to x number stipulated for for output.

Obs: As said by Renan in the comments:

Remember that to work in a comfortable way the browser should be configured to download files automatically. Case otherwise it will wait for the user’s confirmation on where to save each file

Answer 3

A possible solution would be to create a tag and go picking up the images through them.

// Função para baixar a imagem...
function downloadImage(src) {
var img = document.createElement("img");
img.src = src;

    return img;
}

// Imagens baixadas:
var images = [];

// Loop para baixar as imagens...
for(var i = 1; i < 35; i++) {
    // Primeiro pegamos o valor de "i" e transformamos em uma string...
    var n = i.toString();

    // Colocar um zero a mais caso seja necessário...
    if(n.length < 2) {
        n = "0" + n;
    }

    // Agora é só criar uma tag <img> e ir colocando na Array...
    images.push(downloadImage("http:///the_gamer/the_gamer035-" + n + ".jpg"));
}

Then it would just be taking what was stored in the Array.