Скачать ссылку на изображение из консоли браузера (javascript) - PullRequest
Новая
       8

Скачать ссылку на изображение из консоли браузера (javascript)

0 голосов
/ 28 марта 2020

Я использую Javascript в консоли разработчика / элемент проверки (в Firefox и / или Chrome, либо один).

Я хочу загрузить несколько файлов изображений из ссылка - скажем, например, так: https://i.etsystatic.com/9228829/r/il/d729fb/992816422/il_fullxfull.992816422_35w3.jpg

Так что в консоли у меня есть эта (и другие) ссылка в виде строки, и для каждой я пытаюсь загрузить их напрямую на мой компьютер. Я могу инициировать загрузку, но она либо: а) открывается в новой вкладке вместо загрузки, б) загружает пустой файл изображения.

Я пробовал, вероятно, 5 различных функций из StackOverflow, но ни одна из них не работает. Мысли?

Пример кода (находится в inte rnet): 

function download(filename, filelink){
  var link = document.createElement('a');
  link.href = filelink;
  link.download=true;
  document.body.appendChild(link);
  //link.target = "self";
  link.click();
  console.log(link);
  document.body.removeChild(link);
}

var imageToDownload = "https://i.etsystatic.com/9228829/r/il/d729fb/992816422/il_fullxfull.992816422_35w3.jpg"

download(("image.jpg"), imageToDownload);

Вот вторая функция загрузки, которая загружается, но файл пуст. да, я знаю, что он ищет текст и c, но я не могу изменить его для изображений: 

function download(filename, text) {
  var element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  //element.setAttribute('href', 'data:jpg/image;base64');
  element.setAttribute('download', filename);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}
...