不用打开新的页面下载文件

johnhuster的分享

发布于 2022-03-29 13:59:51

1.2K0

发布于 2022-03-29 13:59:51

文章被收录于专栏：johnhuster

在实际使用中，经常会用到下载文件功能，最容易想到的方法就是通过window.open的方式重新打开一个页面来完成下载，这种方式的缺点显而易见，需要额外打开一个页面，下面介绍一种方式，无需打开一个新的页面即可完成文件下载，下面直接给出相关js代码：

function downloadFile(path,params) {  
        $("#downloadform").remove();  
        var form = $("<form>");//定义一个form表单  
        form.attr("id", "downloadform");  
        form.attr("style", "display:none");  
        form.attr("target", "");  
        form.attr("method", "post");  
        form.attr("action", path);
        for(var key in params){
        var input1 = $("<input>");  
        input1.attr("type", "hidden");  
        input1.attr("name", key); 
        input1.attr("value", params[key]);
        form.append(input1);          
        }
        $("body").append(form);//将表单放置在web中  
        form.submit();//表单提交()
}

没错，就是通过form的提交功能来实现下载文件功能。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016/12/06 ，如有侵权请联系 cloudcommunity@tencent.com 删除

form