从浏览器控制台下载图片链接 (javascript)

Question

我在开发人员控制台/检查元素中使用 Javascript（在 Firefox 和/或 Chrome 中，任一）。我想从一个链接下载多个图像文件 - 例如：https ://i.etsystatic.com/9228829/r/il/d729fb/992816422/il_fullxfull.992816422_35w3.jpg因此，在控制台中，我将该链接（和其他链接）作为字符串，对于每个链接，我都尝试将它们直接下载到我的计算机上。我可以触发下载，但它要么 a) 在新选项卡中打开而不是下载，b) 下载一个空的图像文件。我现在可能已经尝试了 StackOverflow 的 5 种不同功能，但似乎都没有。想法？示例代码（在互联网上找到）：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);这是下载的第二个下载函数，但文件为空。是的，我知道它正在寻找文本等，但我无法将其修改为用于图像：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);}

Answer 1

link.href = filelink;

link.download=true;

上面的代码将不起作用。锚标签的下载属性应该指向要下载的文件所在的链接。只有在单击锚标记时，才会自动触发下载。

有效的代码：

var url = 'your url goes here';

var elem = document.createElement('a');

elem.href = url;

elem.download = url;

elem.id="downloadAnchor";

document.body.appendChild(elem);

$('#downloadAnchor').click();

Answer 2

只需：

link.download=filelink;

并删除：

document.body.removeChild(link);