触发附加锚标记的点击事件

Question

我附加带有下载属性的href的<a>标签。

$('<a>Download</a>').attr({
    download: 'testing.svg',
    href: dataUrl,
    id: 'download',
    name: 'test'
    // style:'display:none'
}).appendTo("body");

这是我的代码，我想触发click事件：

$('#download').trigger( "click" );

这不起作用，因为它是一个附加元素。

我试着使用window.open(href,'_blank'); 但如果我运行此语句，该文件不会下载。 它只是打开一个新选项卡。

如何在不重定向的情况下下载文件？

Answer 1

JQuery trigger不支持下载。 请使用以下代码触发下载。

$('#download').get(0).click();

Answer 2

尝试这样的事情：

  $(document).ready(function(){ var dataUrl = "https://upload.wikimedia.org/wikipedia/commons/8/88/Inkscape_vectorisation_test.svg" $dnl_link = $('<a>Download</a>').attr({ download:'testing.svg', href:dataUrl, id:'download', name: 'test', }) $dnl_link.appendTo("body"); $("#download")[0].click(); })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body></body>

触发附加锚标记的点击事件

问题描述

2 个解决方案

解决方案1
1 2017-11-20 11:13:34

解决方案2
1 已采纳 2017-11-20 11:16:41

触发附加锚标记的点击事件

问题描述

2 个解决方案

解决方案1 1 2017-11-20 11:13:34

解决方案2 1 已采纳 2017-11-20 11:16:41

解决方案1
1 2017-11-20 11:13:34

解决方案2
1 已采纳 2017-11-20 11:16:41