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

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

代码语言：javascript复制

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的提交功能来实现下载文件功能。

form window

0 人点赞