新浪博客

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

2020-07-15 14:16阅读:
工作中遇到下载txt文本文件的下载需求,稍作整理,下载示例如下:
// 日志函数
function log() {
// dom中创建a标签
js使用a标签实现文件下载功能
// 日志展示的内容
let content = '这里是日志内容...'
// blob是js内置对象,用来处理二进制文件流
let blob = new Blob([content])
// 给创建的a标签添加download属性,此属性是让我们的浏览器下载URL而不是跳转到URL所指向的内容
(同 时,下载的文件名为log.txt)
aTag.download = 'log.txt'
// 给创建的a标签添加href属性并赋值
aTag.href = URL.createObjectURL(blob)
// 自动
点击创建的标签
aTag.click()
// 不再使用时需释放createObjectURL创建得对象
URL.revokeObjectURL(blob)
}
// 执行日志函数
log()


****************************** 代码效果如下:******************************
js使用a标签实现文件下载功能
文件下载成功

我的更多文章

下载客户端阅读体验更佳

APP专享