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. 前端模板引擎artTemplate.js

    . 关于artTemplate模板引擎的详细原理请移步高性能JavaScript模板引擎原理解析,本文只探讨如何使用.初学前端的人一般对于绑定数据都是使用原生js或者jquery来拼接字符串,此为ha ...

  2. 手抄吧1：windows web server

    字母写的他妈的 太恶心了  以后努力改  天天敲代码  好恶心的字体

  3. Show which git tag you are on?

    git查看当前代码是在那个tag? reference: https://stackoverflow.com/questions/3404936/show-which-git-tag-you-are- ...

  4. springMVC中的日期格式的转化

    一.jsp页面传递到controller的日期 如果实体类中封装的日期类型为Date,而jsp页面中的传来的为string类型,这个时候后台就会报错,出现400错误,原因是前后端的数据类型不一致.要将 ...

  5. IMP self _cmd

    The only way to circumvent dynamic binding is to get the address of a method and call it directly as ...

  6. c# 如何进行动态加载dll

    最近遇到了在c#中如何进行动态加载dll的话,搞定了,下面介绍一下自己的步骤. 1,新建dll. 打开vs,新建project->Class Library->项目名为testdll1.在 ...

  7. “知乎杯”2018 CCF 大学生计算机系统与程序设计竞赛 分组加密器（encryption）

    分组加密器(encryption) 题解点这里 #include<map> #include<stack> #include<vector> #include< ...

  8. 如何高效的阅读uni-app框架？（建议收藏）

    作者 | Jeskson来源 | 达达前端小酒馆 uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js.脚本,应用程序,ma ...

  9. linux 所有命令无法使用

    配置nginx时,错误export之后linux 所有命令无法使用 出现这个问题是因为系统的环境变量没有正确配置造成的,造成这个原因有很多,比如系统升级,比如不正当操作等导致环境变量被覆盖修改,解决的 ...

  10. [golang][gui]Hands On GUI Application Development in Go【在Go中动手进行GUI应用程序开发】读书笔记03-拒交“智商税”，解密“GUI”运行之道

    和老外的原文好像没多大联系了,哈哈哈,反正是读书笔记,下面的内容也是我读此书中的历程,也写进来吧.不过说实话,这框架的作者还挺对我脾气的,哈哈哈. 拒交“智商税”,解密“GUI”运行之道 我很忙 项目 ...