如何使用jQuery触发下载按钮？点击HTML按钮或JS触发文件下载的方法

如果你的下载触发元素是带download属性的<a>标签（比如示例中的链接），可以直接用jQuery的trigger()方法触发它的点击事件：

假设下载链接有指定ID：

<a id="downloadBtn" href="geeksforgeeks.png" download="GFG">下载图片</a>

jQuery触发代码：

$('#downloadBtn').trigger('click');

就算是隐藏的下载链接（设置display: none），这种触发方式依然有效。

方法1：HTML按钮配合隐藏下载链接 #

用可见按钮触发隐藏的<a>标签点击，实现下载：

<button onclick="document.getElementById('hiddenDownload').click()">点击下载</button>
<a id="hiddenDownload" href="geeksforgeeks.png" download="GFG" style="display: none;"></a>

方法2：纯JavaScript动态创建下载链接 #

无需提前写<a>标签，直接在JS里生成元素并触发下载：

function startDownload() {
  const link = document.createElement('a');
  link.href = 'geeksforgeeks.png';
  link.download = 'GFG'; // 自定义下载后的文件名
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link); // 下载完成后清理元素
}

绑定到按钮上：

<button onclick="startDownload()">点击下载</button>

方法3：jQuery动态创建触发 #

用jQuery简化动态元素的创建与触发：

function jqueryDownload() {
  $('<a>', {
    href: 'geeksforgeeks.png',
    download: 'GFG'
  }).appendTo('body').click().remove();
}

内容的提问来源于stack exchange，提问作者Amit Kumar Gupta