沃梦达 / IT编程 / 前端开发 / 正文

html点击a标签下载文件

html开发中,如何实现点击a标签下载文件,下面编程教程网小编给大家简单介绍一下!​

基本写法如下:

<a href="/images/pic.jpg" download="myFileName">

js语法如下:

const download = (filename, link) =>{
  let DownloadLink = document.createElement('a'); 
  DownloadLink.style = 'display: none'; // 创建一个隐藏的a标签
  DownloadLink.download = filename; 
  DownloadLink.href = link; 
  document.body.appendChild(DownloadLink); 
  DownloadLink.click(); // 触发a标签的click事件
  document.body.removeChild(DownloadLink);
}
以上是编程学习网小编为您介绍的“html点击a标签下载文件”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。

本文标题为:html点击a标签下载文件