vue实现下载本地文件
2024-04-10 04:30:10  阅读数 4834

// 创建一个<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();