前端文件下载（单文件下载/批量文件下载）请求均为服务器相对地址

最新推荐文章于 2022-06-22 20:00:15 发布

欧偶藕

最新推荐文章于 2022-06-22 20:00:15 发布

阅读量164

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/liyaodong1234/article/details/108842302

版权

js 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

单文件

   if (data != null && data != '') {
                                    disLoad();
                                    $.messager.confirm("操作提示", "文档已生成完毕，请点击确定以便下载！", function (res) {
                                        if (res) {

                                           
                                            window.location.href = data;
                                        }
                                    });
                                }
                                else {
                                    $.messager.alert("操作提示", "导出异常，请稍候再试", "info");
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                disLoad();
                                $.messager.alert("操作提示", "导出异常，请稍候再试", "info");
                            }

多文件

 $.ajax({
                        dataType: "jsonp",
                    async: false,
                        url: Manage_index_url.Func_ExporPDF_URL,
                        data: {
                        },
                    success: function (res) {
                        layer.closeAll('loading');
                        if (res.data.code == "0") {
                            message_box_show('文件生成成功，正在为您下载,请稍候！')
                            for (var i = 0; i < res.data.list.length; i++) {
                              //调用download
                            }
                        } else {
                            message_box_show(res.data.msg);
                        }
                    },
                    error: function (err) {
                        layer.closeAll('loading');
                        message_box_show("文件生成失败，请稍后再试或联系开发同学进行维护");
                    }
                });
                  //批量下载
    function download(name, href) {
        var a = document.createElement("a"),
            e = document.createEvent("MouseEvents");
        e.initEvent("click", false, false);
        a.href = href;
        a.download = name;
        a.dispatchEvent(e);
    }

createElement() string 创建dom
createEvent() string 创建事件表示事件类型
事件类型：HTMLEvents，MouseEvents，UIEvents
对应初始化：initEvent()，initMouseEvent()，initUIEvent()
初始化方式：initEvent()：参数3：eventName, canBubble, preventDefault 事件名称是否可以冒泡是否阻止事件的默认操作
initEvent()方法用于初始化通过DocumentEvent接口创建的Event的值
``触发执行：dispatchEvent() 参数：事件对象