博客

前端实现点击路径下载

  • Post author:
  • Post category:其他


实现某个节点点击下载

1.外面包裹a标签 

<!DOCTYPE html>
<html>
<body>

<p>点击 W3School 的 logo 来下载该图片：<p>

<a href="/i/w3school_logo_white.gif" download="w3logo">
<img border="0" src="/i/w3school_logo_white.gif" alt="W3School">
</a>

</body>
</html>

2.给一个节点绑定a然后触发 

// 在某个节点的触发事件中，加入如下逻辑，即可触发下载事件
var fileName = '这是一个测试文件' + '.docx';
var filePath = 'www.baidu.com'; // 文件下载地址
var a = document.createElement('a');
// 创建隐藏的可下载链接
a.download = fileName;
a.style.display = 'none';
a.href = filePath;
document.body.appendChild(a);
a.click(); // 直接触发点击
document.body.removeChild(a); // 移除a

感谢老杨同学的亲身实践


版权声明：本文为tian895623原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。