上传下载execl

 

 

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

 

posted @   草木物语  阅读(238)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· winform 绘制太阳，地球，月球 运作规律
历史上的今天：
2017-11-29 height、clientHeight、offsetHeight、scrollHeight、height()、 innerHeight()、outerHeight()等的区别
2016-11-29 js jquery css 选择器总结
2016-11-29 mui popover 自定义 弹出位置 显示 隐藏
点击右上角即可分享
微信分享提示
AI IDE Trae