Как скачать файлы по url?

Question

[WarriorKodeK]

Здравствуйте!
Есть массив ссылок. Мне нужно скачать контент что находится за каждой из ссылок. Допустим эта ссылка - должна скачать картинку jpg,
а вот эта - json файл

Я пробовал сделать, но что-то у меня не получается толком:


Подскажите пожалуйста, как можно это сделать?
Возможно нужно делать запросы GET и отталкиватся от ответа??

Answer 1

[0xD34F]

Нет, так просто не получится - тянуть файлы со сторонних доменов через a[download] нельзя.

Можно загрузить файл, перегнать его FileReader'ом в data url, и уже в таком виде подсунуть в ссылку. Как-то так.

Comments

[WarriorKodeK]

А можно ли сделать это одной кнопкой?
Так как ссылок может быть >10 и не хочеться создавать на все это кнопки

[0xD34F]

WarriorKodeK, ну так делайте всё то же самое, но в цикле, как в вашем изначальном примере:

buttonEl.addEventListener('click', function(e) {
  [
    'https://s3.eu-central-1.amazonaws.com/heal.dev.public/diagnostics/files/test.json',
    'https://s3.eu-central-1.amazonaws.com/heal.dev.public/diagnostics/files/test1.jpg'
  ].forEach(url => {
    fetch(url).then(r => r.blob()).then(blob => {
      const fr = new FileReader();
      fr.onload = function(e) {
        const a = document.createElement('a');
        a.href = e.target.result;
        a.download = url.split('/').pop();
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
      };
      fr.readAsDataURL(blob);
    });
  });
});

[WarriorKodeK]

0xD34F, тю, вот я .....
Cпасибо!