ajax上传execl + easyexecl解析execl

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>上传下载Execl</title>

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

</head>

<style>

    .outer {

        height: 200px;

        /*border: 1px #F2DEDE solid;*/

    }

    .flex {

        display: flex;

    }

    .ai-c {

        align-items: center;

    }

    .jc-c {

        justify-content: center;

    }

    input {

        margin-top: 10px;

    }

    .loading {

        position: relative;

    }

    .loading:after {

        content: "加载中...";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        box-sizing: border-box;

        padding: 100px;

        background: rgba(0, 0, 0, .6) url(../../img/loading.gif) no-repeat center 60px;

        color: #fff;

        text-align: center;

    }

</style>

<body>

<div>上传下载Execl:</div>

<div id="mainDiv" class="outer flex ai-c jc-c">

    <div>

        <a href="/download" download="测试">下载Execl模板</a><br/>

        <label for="file">上传Execl:</label>

        <input type="file" id="file" name="file" value="" multiple><br/>

        <input type="submit" value="上传" onclick="submit()">

    </div>

</div>

<script>

    var submit = function () {

        $("#mainDiv").addClass("loading");

        var formData = new FormData();

        formData.append('file', $('#file')[0].files[0]);

        formData.append('file', $('#file')[0].files[1]);

        $.ajax({

            type: "post",

            url: "/upload2",

            cache: false,

            processData: false,

            contentType: false,

            data: formData,

            success: function (json) {

                $("#mainDiv").removeClass("loading");

                alert("上传成功");

            }, error: function (xhr) {

                $("#mainDiv").removeClass("loading");

                alert("错误提示： " + xhr.status + " " + xhr.statusText);

            }

        });

    }

</script>

</body>

</html>
    @ApiOperation("下载execl")

    @GetMapping("download")

    public void download(HttpServletResponse response) throws IOException {

        response.setContentType("application/vnd.ms-excel");

        response.setCharacterEncoding("utf-8");

        String fileName = URLEncoder.encode("测试", "UTF-8");

        response.setHeader("Content-disposition", "attachment;filename=" + fileName + ".xlsx");

        EasyExcel.write(response.getOutputStream(), DownloadData.class).sheet("模板").doWrite(data());

    }

    @ApiOperation("文件上传")

    @PostMapping("upload")

    @ResponseBody

    public String upload(MultipartFile file) throws IOException {

        EasyExcel.read(file.getInputStream(), UploadData.class, new UploadDataListener(uploadDAO)).sheet().doRead();

        return "success";

    }

    @ApiOperation("多文件上传")

    @PostMapping("upload2")

    @ResponseBody

    public String upload2(MultipartHttpServletRequest request) throws IOException {

        List < MultipartFile > files = request.getFiles("file");

        for (MultipartFile file : files) {

            EasyExcel.read(file.getInputStream(), UploadData.class, new UploadDataListener(uploadDAO)).sheet().doRead();

        }

        return "success";

    }
EasyExcel使用参考官方文档:https://alibaba-easyexcel.github.io/index.html

上传下载execl的更多相关文章

  1. Struts的文件上传下载

    Struts的文件上传下载 1.文件上传 Struts2的文件上传也是使用fileUpload的组件,这个组默认是集合在框架里面的.且是使用拦截器:<interceptor name=" ...

  2. 基于Spring Mvc实现的Excel文件上传下载

    最近工作遇到一个需求,需要下载excel模板,编辑后上传解析存储到数据库.因此为了更好的理解公司框架,我就自己先用spring mvc实现了一个样例. 基础框架 之前曾经介绍过一个最简单的spring ...

  3. Android okHttp网络请求之文件上传下载

    前言: 前面介绍了基于okHttp的get.post基本使用(http://www.cnblogs.com/whoislcj/p/5526431.html),今天来实现一下基于okHttp的文件上传. ...

  4. 用Canvas+Javascript FileAPI 实现一个跨平台的图片剪切、滤镜处理、上传下载工具

    直接上代码,其中上传功能需要自己配置允许跨域的文件服务器地址~ 或者将html文件贴到您的站点下同源上传也OK. 支持: 不同尺寸图片获取. 原图缩小放大. 原图移动. 选择框大小改变. 下载选中的区 ...

  5. Javaweb学习笔记——上传下载文件

    一.前言 在Javaweb中,上传下载是经常用到的功能,对于文件上传,浏览器在上传的过程中是以流的过程将文件传给服务器,一般都是使用commons-fileupload这个包实现上传功能,因为comm ...

  6. 服务器文件上传下载（XShell+Xftp）

    1.下载XShell安装包+Xftp安装包.百度网盘(XShell):https://pan.baidu.com/s/1eR4PFpS 百度网盘(Xftp):https://pan.baidu.com ...

  7. springmvc 上传下载

    springmvc文件上传下载在网上搜索的代码 参考整理了一份需要使用的jar.commons-fileupload.jar与commons-io-1.4.jar 二个文件 1.表单属性为: enct ...

  8. 简单Excel表格上传下载，POI

    一.废话 Excel表格是office软件中的一员,几乎是使用次数最多的办公软件.所以在java进行企业级应用开发的时候经常会用到对应的上传下载便利办公. 目前,比较常用的实现Java导入.导出Exc ...

  9. JAVA中使用FTPClient上传下载

    Java中使用FTPClient上传下载 在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件,本文简单介绍如何利用jakarta commons中的FTPClient(在c ...

随机推荐

  1. Java Spring Boot 一些调试技巧

    配置文件的管理 有的时候我们希望开发环境和测试环境的配置文件放在一起可以快速切换 spring boot 为我们提供了很方便的的选项 在 application.properties 中只需要添加属性 ...

  2. ArcGIS Server 注册托管数据库

    需要已经安装好ArcGIS for Desktop.ArcGIS for Server和ArcSDE,并且已经创建了地理数据库 我试了用管理网站添加,总是不成功,后来用ArcCatalog添加成功.这 ...

  3. 201671030117 孙欢灵 实验十四 团队项目评审&课程学习总结

    项目 内容 作业所属课程 所属课程 作业要求 作业要求 课程学习目标 (1)掌握软件项目评审会流程:(2)反思总结课程学习内容 任务一:团队项目审核已完成.项目验收过程意见表已上交. 任务二:课程学习 ...

  4. linux定时任务（转）

    转自:https://www.cnblogs.com/intval/p/5763929.html linux 系统则是由 cron (crond) 这个系统服务来控制的.Linux 系统上面原本就有非 ...

  5. materialize 读取单选按钮

    $('input[name='xxx']:checked')

  6. XCOPY——目录复制命令

    XCOPY——目录复制命令 1．功能:复制指定的目录和目录下的所有文件连同目录结构. 2．类型:外部命令 3．格式:XCOPY [源盘:]〈源路径名〉[目标盘符:][目标路径名][/S][/V][/E ...

  7. Numpy | 05 创建数组

    ndarray 数组除了可以使用底层 ndarray 构造器来创建外,也可以通过以下几种方式来创建. 一.numpy.empty numpy.empty 方法用来创建一个指定形状(shape).数据类 ...

  8. 浏览器正在等待locatehost的响应

    1.问题描述 在进行了几次增删改查操作后,浏览器显示浏览器正在等待locatehost的响应: 2.错误原因: 对数据库为关闭相应的资源. 3.解决方案: 关闭JDBC开启的资源:

  9. nuxtjs在vue组件中使用window对象编译报错的解决方法

    我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navag ...

  10. 重置GPU显存 Reset GPU memory after CUDA errors

    Sometimes CUDA program crashed during execution, before memory was flushed. As a result, device memo ...