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 的任意进制间转换（很方便）

    import java.util.Scanner; public class Main{ public static void main(String[] args) { Scanner sc = n ...

  2. Tensorflow简单实践系列（二）：张量

    在上一节中,我们安装 TensorFlow 并运行了最简单的应用,这节我们熟悉 TensorFlow 中的张量. 张量是 TensorFlow 的核心数据类型.数学里面也有张量的概念,但是 Tenso ...

  3. JQuery学习笔记之属性与样式

    .attr()与.removeAttr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 a ...

  4. 一次性开启discuz所有版块的 [audio] [video] [flash] 等多媒体代码

    开启全部版块的sql语句是: update cdb_forums set allowmediacode =1 开启指定版块的sql语句是: update cdb_forums set allowmed ...

  5. python基础知识笔记-集合

    集合使用花括号将元素之间用逗号隔开即可.集合的输出里不会出现相同的元素.集合中有并集.交集.差集等,以下为一些简单的表达: def main(): list1=[1,1,2,2,3,3] print( ...

  6. python应用-解决应用题

       应用题: 30个人出海去玩,船瓦特了,要弄死15个人,其他人才能活下来,围成一圈,报数1,2,3...,谁报到9就弄死谁,以此类推. 直到剩下15个人为止.其中15个人是基督徒,其他15个不是基 ...

  7. 转换复杂的JSON对象为 Map对象

    最近项目需要跟客户对接一个webservice接口,客户那传json串过来,属于比较复杂的json串,这里跟大家分享下我项目中所用的解析方法: 该方法需要以下jar package com.test; ...

  8. export default 和 export 的主要区别

    export default 和 export 的主要区别 在于对应的import的区别:export 对应的 import 需要知道 export抛出的变量名或函数名 import{a,b}expo ...

  9. MATLAB画图笔记

    plot函数 plot(x,y)默认格式: 若x,y是向量,则它们必须具有相同的长度.函数将以x为横轴,绘制y. 若x,y都是矩阵,则它们必须具有相同的尺寸,plot函数将针对x的各列绘制y的每列.更 ...

  10. artillery强大灵活的负载测试套件

    artillery是基于nodejs 编写的负载测试套件支持http&&socket.io&&websockets&&kinesis&& ...