JS笔记-使用fetch下载档案/download.js好用的东西

目录

JS笔记-帮元素加上style的写法

JS笔记-getPosition 让你找到元素x,y位置

js笔记--写脚本需要用到的waitForKeyElements.js

JS笔记-设定CSSstyle的function

JS笔记-使用fetch下载档案/download.js好用的东西

JS笔记-前端新手练习小专案（附加4个JS实例网站可学）

JS笔记-关掉alert的简单小技巧

JS笔记-使用ajax传送表单(ex.传送google表单)

JS笔记-前端拨放m3u8的两种方法

JS笔记-让chrome跳过「允许下载多个档案」的技巧

JS笔记-製作copy效果

JS笔记-暂时让网页可以编辑

JS笔记-VScode自己设定速打

JS笔记-VScode的Prettier(自动排版)怎么开始使用？

前情提要

很常会需要抓图 把档案下载起来
其原理就是用fetch去得到blob的网址 然后再用a元素download的属性下载
以下为code

fetch('URL')  .then(resp => resp.blob())  .then(blob => {    const url = window.URL.createObjectURL(blob);    const a = document.createElement('a');    a.style.display = 'none';    a.href = url;    // the filename you want    a.download = 'filename.jpg';    document.body.appendChild(a);    a.click();    window.URL.revokeObjectURL(url);    alert('your file has downloaded!');   })  .catch(() => alert('oh no!'));

download.js非常好用
可以去下面连结看看怎么使用 抓图抓影片都超方便

https://github.com/rndme/download