window.open() 以post方式下载文件

最新推荐文章于 2024-01-20 13:11:39 发布

weixin_30338481

最新推荐文章于 2024-01-20 13:11:39 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签： json java javascript ViewUI

原文链接：http://www.cnblogs.com/fightingkaikai/p/11307055.html

本文介绍两种使用JavaScript实现的文件下载方法：一是通过window.open直接下载，二是利用POST请求下载，适用于需要传递参数的情况。

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

1、正常下载文件

 window.open("url", "_blank");

2.post方式

 function openPostWindow(url, data) {
            var tempForm = document.createElement("form");
            tempForm.id = "tempForm1";
            tempForm.method = "post";
            tempForm.action = url;
            tempForm.target = "_blank"; //打开新页面
            var hideInput1 = document.createElement("input");
            hideInput1.type = "hidden";
            hideInput1.name = "accounts"; //后台要接受这个参数来取值
            hideInput1.value = data; //后台实际取到的值
            /*var hideInput2 = document.createElement("input");
            hideInput2.type = "hidden";
            hideInput2.name="xtmc";
            hideInput2.value = data2;*/  //这里就是如果需要第二个参数的时候可以自己再设置
            tempForm.appendChild(hideInput1);
            //tempForm.appendChild(hideInput2);
            if (document.all) {
                tempForm.attachEvent("onsubmit", function () { });        //IE
            } else {
                var subObj = tempForm.addEventListener("submit", function () { }, false);    //firefox
            }
            document.body.appendChild(tempForm);
            if (document.all) {
                tempForm.fireEvent("onsubmit");
            } else {
                tempForm.dispatchEvent(new Event("submit"));
            }
            tempForm.submit();
            document.body.removeChild(tempForm);
        }