亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從瀏覽器控制臺下載圖片鏈接 (javascript)

從瀏覽器控制臺下載圖片鏈接 (javascript)

眼眸繁星 2022-06-05 10:00:54
我在開發人員控制臺/檢查元素中使用 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);}
查看完整描述

2 回答

?
慕妹3242003

TA貢獻1824條經驗 獲得超6個贊

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();


查看完整回答
反對 回復 2022-06-05
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

只需:

link.download=filelink;

并刪除:

document.body.removeChild(link);


查看完整回答
反對 回復 2022-06-05
  • 2 回答
  • 0 關注
  • 666 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號