大佬教程收集整理的这篇文章主要介绍了javascript – 点击“下载”链接使用JQuery不下载文件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<a id="lnk" href="data:text/csv;charset=utf-8,1%2C2%2C3" download="my_file.csv">click to download</a>
当我点击它(例如在Chrome中)时,会按照假设下载csv文件“my_file.csv”.
现在我希望能够以编程方式引发此操作.所以使用JQuery我试图做：
$('#lnk').click();
要么
$('#lnk').trigger("click");
但是没有下载该文件.
这是代码：
http://jsbin.com/yereg/3/edit
我可以从链接复制链接地址,然后只使用window.open：
window.open('data:text/csv;charset=utf-8,1%2C2%2C3');
但这样我就无法设置文件名(链接通过download =“my_file.csv”属性).如果有办法设置文件名,这个解决方案很好.
备注：在我的情况下,应支持Chrome和Firefox.我不关心其他浏览器.
您可以通过调用JavaScript本机事件
$('#lnk').get(0).click();
或者更安全：
var lnk = document.getElementById('lnk');
if (lnk) {
lnk.click();
}
编辑：
出于好奇,我查看了jQuery源代码是如何完成的.事实证明,它们特意故意阻止链接上的浏览器的本机点击事件,请参阅最新jQuery版本(2.1.X)中events.js的以下摘录,尤其是注释：
click: { [...] // For cross-browser consistency,don't fire native .click() on links _default: function( event ) { return jQuery.nodename( event.target,"a" ); } },
以上是大佬教程为你收集整理的javascript – 点击“下载”链接使用JQuery不下载文件全部内容，希望文章能够帮你解决javascript – 点击“下载”链接使用JQuery不下载文件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。