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. 后台返回的base64的图片格式,前端如何转为普通的图片格式

    在上一篇的博客当中,写了前端如何将普通的图片格式转为base64的图片,今天开发的时候遇到了后台返回的图片格式是base64的,我这边需要把base64的图片格式转为普通的,搜了一下js的方法,感觉很 ...

  2. php7中的dirname,intdiv,define

    <?php //dirname可指定目录级数 //intdiv整数整除 //define可以定义数组 echo dirname('/var/www/html/app/etc/config'); ...

  3. vue项目中使用vue-layer弹框插件

    vue-layer弹框插件  安装 npm i --save vue-layer 引用 import layer from 'vue-layer' Vue.prototype.$layer = lay ...

  4. Ruby for

    #!/usr/bin/ruby -w# -*- coding: UTF-8 -*-for i in 1..5 print i," "endprint "\n"f ...

  5. PHP - Filters

    Retrieve the administrator password of this application. 对文件包含的介绍------------第一个链接需要谷歌 https://mediu ...

  6. 常用方法 DataTable转换为Html

    点击单元格 可以输出行和列,这个功能可以在一些特殊的地方用 public static string GetHtmlString(DataTable dt) { StringBuilder sb = ...

  7. Macbook Pro升级10.15后百度网盘无法登陆，网络连接错误(-1001)

    兴冲冲升级到10.15,结果百度网盘挂了~QQ 由于长期在境外实验室做研究,百度又封锁了境外登陆,所以客户端是唯一跟家里联络的方式,现在它也挂了感觉整个天都塌下来了. 找了一圈,发现一个特别神奇的解锁 ...

  8. nginx rewrite实战实例

    本部分内容为nginx生产环境中使用的场景示例. 域名跳转(域名重定向) 示例1(不带条件的): server{ listen ; server_name www.aminglinux.com; re ...

  9. Pytorch卷积神经网络识别手写数字集

    卷积神经网络目前被广泛地用在图片识别上, 已经有层出不穷的应用, 如果你对卷积神经网络充满好奇心,这里为你带来pytorch实现cnn一些入门的教程代码 #首先导入包 import torchfrom ...

  10. 面试问烂的 MySQL 四种隔离级别，看完吊打面试官！

    阅读本文大概需要 5.6 分钟. 来源:网络 什么是事务 事务是应用程序中一系列严密的操作,所有操作必须成功完成,否则在每个操作中所作的所有更改都会被撤消.也就是事务具有原子性,一个事务中的一系列的操 ...