java实现Excel导入功能(前端+后台)

最新推荐文章于 2024-04-29 13:41:53 发布

时光最清楚

最新推荐文章于 2024-04-29 13:41:53 发布

阅读量3.8k

点赞数 2

分类专栏： java 文章标签： java html

本文链接：https://blog.csdn.net/sinat_35225871/article/details/107660524

版权

java:导入功能的实现(前端+后台)

前端html代码

<form id="import-form" lay-filter="import-form" class="layui-form model-form" method="post" enctype="multipart/form-data">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label" style="width: 120px;">请选择上传文件：</label>
            <div class="layui-input-inline">
                <input type="file" name="file" id="file" class="layui-input"/>
            </div>
        </div>

    </div>
    <div class="layui-form-item model-form-footer">
        <button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
        <button class="layui-btn" id="import-form-submit"  type="button" onclick="importSubmit()">确定</button>
    </div>
</form>

选择文件后ajax请求后台读取文件内容

  function importSubmit() {
    var config = layui.config;
    //请求的数据是FormData类型
    var formData = new FormData();
    //获取上传的文件
    formData.append("file",$("#file")[0].files[0]);
    //url为文件读取的后台controller请求路径
    var url = '###';
    //ajax提交请求，注意data、contentType、processData和dataType的设置
    $.ajax({
        type: "POST",
        url: url,
        data: formData,
        contentType: false,
        processData:false,
        dataType: "json",
        success: function(resp_data) {
            if (resp_data.resp_code==0){
                //js封装了admin对象
                var admin = layui.admin;
                //admin对象封装了缓存和弹窗方法
                admin.putTempData("importData",resp_data.data);
                //可以使用普通弹窗，弹出层用于文件