[筆記] 用 jQuery 批次下載網頁上的圖片

上次在某個 fb 社團看到分享使用 jQuery 下載全部圖片

但裡面除了教你  include jQuery 之外都是用原生的 javascript 功能, 寫起來有點長

倒是學到如果網站沒有 jQuery 要怎麼幫他裝 jQuery XDDDD

來寫寫看全部都用 jQuery 下載圖片的寫法


$('img') 裡面要是正確的 selector 才會下載到想一次撈下來的圖, 不然就是整個頁面的圖一次掃 XD

 
$.each($.map($('img'),function(i){return $(i).attr('src');}) ,function(i,e){
  var a = $("<a />").attr("href", e).attr("download", "img.png").appendTo("body");
  a[0].click();
  a.remove();
})

至於這段 code 要怎麼用？

開啟瀏覽器的開發者工具(ex: windows 下面 Chrome 按 F12, Mac 按 cmd + option + i 然後貼進去跑就好