js使用a标签实现文件下载功能_js a标签下载

工作中遇到下载txt文本文件的下载需求，稍作整理，下载示例如下：

 
<button onclick="log()">文件下载</button>
 
 
// 日志函数
function log() {
    // dom中创建a标签
    let aTag = document.createElement('a')
 
    // 日志展示的内容
    let content = '这里是日志内容...'
 
    // blob是js内置对象，用来处理二进制文件流
    let blob = new Blob([content])
 
    // 给创建的a标签添加download属性，此属性是让我们的浏览器下载URL而不是跳转到URL所指向的内容
    aTag.download = 'log.txt'
 
    // 给创建的a标签添加href属性并赋值
    aTag.href = URL.createObjectURL(blob)
 
    // 自动点击创建的标签
    aTag.click()
 
    // 不再使用时需释放createObjectURL创建的对象
    URL.revokeObjectURL(blob)
}

效果如下：

 网络文件下载

https://wangxinyan.blog.csdn.net/article/details/130772375?spm=1001.2014.3001.5502