今天再写一个脚本的时候,遇到了这个需求,把代码贴在这里。主要是参考了张鑫旭老师的博客,那里介绍的更详细:
JS前端创建html或json文件并浏览器导出下载
知识点
1.HTML5 原生的download
属性
2.HTML5 Blob
function saveShareContent (content, fileName) {
let downLink = document.createElement('a')
downLink.download = fileName
//字符内容转换为blod地址
let blob = new Blob([content])
downLink.href = URL.createObjectURL(blob)
// 链接插入到页面
document.body.appendChild(downLink)
downLink.click()
// 移除下载链接
document.body.removeChild(downLink)
}
content
是需要下载的内容
fileName
是保存的文件的名字
原理就是利用Blob
对象把需要下载的内容转换为二进制,然后借助<a>
标签的href
属性和download
属性,实现下载。
我用油猴子插件在百度网盘页面新建了一个脚本,然后用这个方法批量获取想要分享的文件的链接和提取码,保存到txt文件下载到本地。
其实就是偷个懒,比自己手动挨个儿点击复制速度要快一些而已。