js实现文件直接下载

超级奶爸MJCX

于 2017-09-03 20:31:31 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： html javascript download

本文链接：https://blog.csdn.net/weixin_36759073/article/details/77825207

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript和HTML实现文件一键下载的方法。通过创建一个隐藏的表单并设置其action属性为文件的URL地址，从而实现点击按钮即可下载指定文件的功能，这种方法能够提供较好的用户体验。

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

html代码：

<input type="button" value="下载模板" class="btn btn-primary" onclick="download()">

js代码：

// 直接下载，用户体验好
function download() {
        var $form = $('<form method="GET"></form>');
        //${pageContext.request.contextPath}/excelTemplate/Department.xlsx:文件全路径名
        $form.attr('action','${pageContext.request.contextPath}/excelTemplate/Department.xlsx');
        $form.appendTo($('body'));
        $form.submit();
}