模拟点击a标签下载文件

最新推荐文章于 2023-12-27 09:30:00 发布

weixin_42407989

最新推荐文章于 2023-12-27 09:30:00 发布

阅读量726

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_42407989/article/details/128814428

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

vue中通过js创建a标签模拟点击下载文件

//下载文件
 download(url, title = "", artist = "") {
   const eleLink = document.createElement("a"); // 新建A标签
   eleLink.href =  url; // 下载的路径
   eleLink.download = `${title} - ${artist}`; // 设置下载的属性，可以为空
   eleLink.style.display = "none";
   document.body.appendChild(eleLink);
   eleLink.click(); // 触发点击事件
   document.body.removeChild(eleLink);
 }