背景：

　　最近公司有一个需求，就是实现excle的批量导出（一次性导出多个excle）。

实现方式：

　　想到的实现方式：

　　1、发起一个导出请求，然后批量生产需要导出的excle文件，最后将文件生成一个压缩包，最后将生成的压缩包输出到前端页面。

　　　　　该方式的优缺点：

　　　　　　优点：对应用户来说，只需要接受一个压缩包即可

　　　　　　缺点：后端在处理逻辑上变得复杂

　　　　　　　　　　　　需要考虑多线程处理

　　　　　　　　　　　　需要引入生成压缩包逻辑

　　　　　　　　　　　　需要生成零时文件

　　　　　　　　　　如果用户没有按照解压工具，文件不能正常打开

　　2、需要导出多个excle时，前端发出多个导出文件请求

　　　　　该方法的优缺点：

　　　　　　优点：功能逻辑变得根据加单，单一

　　　　　　缺点：用户会接受到多个文件

　　综合开发进度及其各方面，最后我们采用了方案2

　　下面我整理一下方案2的实现DEMO，不过很多也是在网上找的原型

前端代码：

　　

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="Scripts/jquery-1.10.2.min.js"></script>

    <script>

        $(function () {

            $("#Button1").click(function () {//点击下载按钮

                //// 每一个导出的文件间隔时间

                let triggerDelay = 100;

                //// 动态生成的导出文件的form表单自动删除时间

                //// 备注，这个时间间隔不能太短，因为太短，当移除掉forem表单时，如果文件还未导出，因为与后端链接中断而导致导出失败

                let removeDelay = 300000;

                let url_arr = ['Handler1.ashx?', 'Handler1.ashx'];

                url_arr.forEach(function (item, index) {

                    _createIFrame(item, index * triggerDelay, removeDelay);

                })

                function _createIFrame(url, triggerDelay, removeDelay) {

                    //动态添加iframe，设置src，然后删除

                    setTimeout(function () {

                        var frame = $('<iframe style="display: none;" class="multi-download"></iframe>');

                        frame.attr('src', url);

                        $(document.body).after(frame);

                        setTimeout(function () {

                            frame.remove();

                        }, removeDelay);

                    }, triggerDelay);

                }

            })

        })

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <input id="Button1" type="button" value="下载" />

        </div>

    </form>

</body>

</html>

　　

后端代码：

　　此处后端代码先直接下载一个本地的excl文件，后续会单独写一遍关于如何生成excle的帖子

    /// <summary>

    /// Handler1 的摘要说明

    /// </summary>

    public class Handler1 : IHttpHandler {

        public void ProcessRequest(HttpContext context) {

            string s_fileName = "222.xlsx";

            HttpContext.Current.Response.ContentType = "application/ms-download";

            string s_path = HttpContext.Current.Server.MapPath(s_fileName);

            System.IO.FileInfo file = new System.IO.FileInfo(s_path);

            HttpContext.Current.Response.Clear();

            HttpContext.Current.Response.AddHeader("Content-Type", "application/octet-stream");

            HttpContext.Current.Response.Charset = "utf-8";

            HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment;filename="

          + System.Web.HttpUtility.UrlEncode("222.xlsx", System.Text.Encoding.UTF8));

            HttpContext.Current.Response.AddHeader("Content-Length", file.Length.ToString());

            HttpContext.Current.Response.WriteFile(file.FullName);

            HttpContext.Current.Response.Flush();

            HttpContext.Current.Response.Clear();

            HttpContext.Current.Response.End();

        }

        public bool IsReusable {

            get {

                return false;

            }

        }

    }

　　

ajax+ashx:实现文件的批量导出的更多相关文章

  1. java使用POI操作excel文件,实现批量导出,和导入

    一.POI的定义 JAVA中操作Excel的有两种比较主流的工具包: JXL 和 POI .jxl 只能操作Excel 95, 97, 2000也即以.xls为后缀的excel.而poi可以操作Exc ...

  2. CorelDRAW多个文件如何批量导出JPG

    好多同学对于CorelDRAW 2018批量导出图片格式的操作不太了解.这种情况比较常见,比如设计了一本画册,在同一个文档中页面比较多,如果一页一页导出那将是一项巨大的工程,这时候我们就会想到CDR的 ...

  3. C# 导出word文档及批量导出word文档（4）

          接下来是批量导出word文档和批量打印word文件,批量导出word文档和批量打印word文件的思路差不多,只是批量打印不用打包压缩文件,而是把所有文件合成一个word,然后通过js来调用 ...

  4. 怎么用CDR来批量导出图片

    我们通过CorelDRAW上方菜单栏"布局"中的"插入页面"可以创建多个页面,同时编辑,适合比如书籍排版,杂志排版等等这些需要进行多页面编辑的工作. 图1:CD ...

  5. ArcGIS使用技巧（七）——批量导出

    新手,若有错误还请指正! 在ArcGIS中如何将栅格数据批量导出?用到"复制栅格这个工具",这里我用的例子是:将ArcGIS默认输出的DEM文件夹批量导出为tif格式.(如果是文件 ...

  6. ajax+ashx 完美实现input file上传文件

    1.input file 样式不能满足需求 <input type="file" value="浏览" /> IE8效果图:    Firefox效 ...

  7. mvc4 强大的导出和不需要上传文件的批量导入EXCEL--SNF快速开发平台3.1

    数据的导入导出,在很多系统里面都比较常见,这个导入导出的操作,在Winform里面比较容易实现,但在Web上我们应该如何实现呢?本文主要介绍利用MVC4+EasyUI的特点,并结合文件上传控件,实现文 ...

  8. php批量导出pdf文件的脚本（html-PDf）

    背景:突然有大量的文件需要导出成PDF文件,写一个批量导出pdf的脚本,同时文件的命名也需要有一定的规则 导出方式:向服务器中上传csv文件,csv文件中包含文件的地址和相对应的文件命名. 如下格式: ...

  9. 如何将一个PDF文件里的图片批量导出

    假设我有下面这个PDF文件,里面有很多图片,我想把这些图片批量导出,而不是在Adobe Acrobat Reader里一张张手动拷贝: 本文介绍一种快捷做法. 用PDF-XChange Editor打 ...

随机推荐

  1. qhfl-5 redis 简单操作

    Redis Redis是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库. Redis有以下特点: -- Redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可 ...

  2. winSocket编程（十）完成端口

    //本篇为转贴 本系列里完成端口的代码在两年前就已经写好了,但是由于许久没有写东西了,不知该如何提笔,所以这篇文档总是在酝酿之中……酝酿了两年之后,终于决定开始动笔了,但愿还不算晚….. 这篇文档我非 ...

  3. elasticsearch之hello(spring data整合)

    1.书写pom.xml文件 <dependencies> <dependency> <groupId>org.springframework.data</gr ...

  4. Beta冲刺 （5/7）

    Part.1 开篇 队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Part.2 成员汇报 组员1(组长)柯奇豪 过去两天完成了哪些任务 共享编辑文章的后端数据处理 部分代码 ...

  5. Docker环境安装与配置

    Docker 简介 Docker使用Go语言编写的 安装Docker推荐LInux内核在3.10上 在2.6内核下运行较卡(CentOS 7.X以上内核是3.10) Docker 安装 安装yum-u ...

  6. ubuntu 14.04下搭建esp32开发环境

    esp32是乐鑫出品的一款集成了wifi和蓝牙的集成模块,板上自带两个哈佛结构的Xtensa LX6 CPU双核处理器,本文主要讲解如何在linux下搭建其编译开发环境. 首先ctrl+alt+t打开 ...

  7. lgwr的两种模式（post/wait和polling）

    11.2之前,oracle的lgwr写入模式为post/wait 11.2之后新增了polling模式,可以与post/wait模式自动切换 通过隐藏参数 _use_adaptive_log_file ...

  8. DOM扩展：DOM API的进一步增强[总结篇-上]

    DOM1级主要定义了文档的底层结构,并提供了基本的查询操作的API,总体而言这些API已经比较完善,我们可以通过这些API完成大部分的DOM操作.然而,为了扩展DOM API的功能,同时进一步提高DO ...

  9. SQL注入的优化和绕过

    作者:Arizona 原文来自:https://bbs.ichunqiu.com/thread-43169-1-1.html 0×00 ~ 介绍 SQL注入毫无疑问是最危险的Web漏洞之一,因为我们将 ...

  10. PHP合并数组

    1.arrary_merge 示例代码: $arr1 = array(1, 2, 3, 4, 5); $arr2 = array(1, 2, 6, 7, 8, 9, 10); $result1 = a ...