Vue实现本地文件下载

最新推荐文章于 2024-07-23 16:54:53 发布

即将拥有人鱼线的Iverson

最新推荐文章于 2024-07-23 16:54:53 发布

阅读量2k

点赞数

分类专栏： # Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Iversons/article/details/125598002

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

// 创建一个<a></a>标签
const a = document.createElement('a');
// 给a标签的href属性值加上地址,注意:这里是绝对路径,不用加 点.
a.href = '/xxxTemplate.xlsx';
// 设置下载文件文件名,这里加上.xlsx指定文件类型,pdf文件就指定.fpd即可
a.download = 'xxx模板.xlsx';
// 障眼法藏起来a标签
a.style.display = 'none';
// 将a标签追加到文档对象中
document.body.appendChild(a);
// 模拟点击了<a>标签,会触发<a>标签的href的读取,浏览器就会自动下载了
a.click();
// 一次性的,用完就删除a标签
a.remove();