利用a标签实现文件自动下载

戈壁楼兰

于 2018-05-21 14:36:11 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： a

本文链接：https://blog.youkuaiyun.com/bananasssss/article/details/80391906

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种优化前端文件下载的方法，通过使用a标签代替window.open实现更快的文件下载。文章对比了两种方式，并给出了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

前端发送Ajax请求后，返回文件下载地址，需将该地址直接打开完成下载任务。

//刚开始用window.open实现自动下载，但下载速度非常慢
window.open(json.url,'_blank','width=1,height=1');

解决方案

//后来利用a标签实现
var data_package_html   = ' <a href="' + json.url + '"><span id="downFile"></span></a>';
jQuery('form#down_pkg_form').append(data_package_html);
jQuery('#downFile').click();//发现直接click<a>标签发现无法触发该事件，click<a>标签的内部元素可以触发
jQuery('form#down_pkg_form').remove();

参考资料：
a标签的href 和click事件并存，实现下载文件