1：upload.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="./layui/css/layui.css" media="all">

</head>

<body>

    <div class="layui-container">

        <div class="layui-row" align="center" style="margin-top: 30px;">

            <button type="button" class="layui-btn" id="upload">

                <i class="layui-icon"></i>选择文件</button>

        </div>

        <div class="layui-row" align="center" style="margin-top: 30px;">

            <textarea id="result" cols="50" rows="10"></textarea>

        </div>

    </div>

</body>

<script src="./jquery/jquery.min.js"></script>

<script src="./layui/layui.js"></script>

<script>

    layui.use('upload', function(){

        var upload = layui.upload;

        //执行上传

        var uploadInst = upload.render({

            elem: '#upload' //绑定元素

            ,url: '/ssfwpt/ra/ramanage' //上传接口

            ,method: 'POST'

            ,accept: 'file'

            ,size: 50

            ,before: function(obj){

                layer.load();

            }

            ,done: function(res){//上传完毕回调

                layer.closeAll('loading');

                var result = '';

                for(var i=0; i<res.length; i++){

                    result = result + res[i].nsrsbh+"="+res[i].container+"\n";

                }

                $("#result").html(result);

            }

            ,error: function(){//请求异常回调

                layer.closeAll('loading');

                layer.msg('网络异常，请稍后重试！');

            }

        });

    });

</script>

</html>

2：后台（Spring-boot）

/**

     * 实现文件上传

     * */

    @RequestMapping(value = "/ramanage", method = RequestMethod.POST)

    @ResponseBody

    public List<Map<String,String>> ramanage(@RequestParam("file") MultipartFile file){

        List<Map<String,String>> result = new ArrayList<>();

        try {

            InputStream input = file.getInputStream();

            Workbook wb = new HSSFWorkbook(input);

            Sheet sheet = wb.getSheetAt(0);

            int rowNum = sheet.getLastRowNum()+1;

            Map<String,String> map;

            for(int i=1; i<rowNum; i++){

                Row row = sheet.getRow(i);

                //容器名称

                Cell containerCell = row.getCell(0);

                String container = containerCell.getStringCellValue();

                //税号

                Cell nsrsbhCell = row.getCell(1);

                String nsrsbh = nsrsbhCell.getStringCellValue();

                map = new HashMap<>();

                map.put("nsrsbh", nsrsbh);

                map.put("container", container);

                result.add(map);

            }

        } catch (IOException e) {

            e.printStackTrace();

        }

        return result;

    }

Layer文件上传操作的更多相关文章

  1. python-web自动化-文件上传操作（非input标签的上传,需要借助第三方工具）

    文件上传操作 一.文件上传分两种情况:1. 如果是input可以直接输入路径的,可以直接调send_keys输入路径 2. 非input标签的上传,需要借助第三方工具:    2.1 Autolt 需 ...

  2. ui自动化chrome文件上传操作

    web自动化,再chrome浏览器中文件上传操作

  3. PHP多文件上传操作

    在前一篇文章里讲到了关于PHP文件上传原理和简单操作举例是单文件上传. http://www.cnblogs.com/lichenwei/p/3879566.html 其实多文件上传和单文件上传大同小 ...

  4. jsp 文件上传操作

    文件上传 1:完成一个文件上传的功能 index.jsp 注意更换form表单的enctype enctype就是encodetype就是编码类型的意思. multipart/form-data是指表 ...

  5. python - web自动化测试 - 文件上传操作

    # 12. 上传操作## (1)如果是input可以直接输入路径的,直接使用send_keys输入路径# (2)非input标签的,需要借助第三方工具:# A. AutoIt : 调用其生成的au3或 ...

  6. 基于python的selenium两种文件上传操作

    方法一.input标签上传     如果是input标签,可以直接输入路径,那么可以直接调用send_keys输入路径,这里不做过多赘述,前文有相关操作方法. 方法二.非input标签上传 这种上传方 ...

  7. Layer文件上传同时传递表单数据

    (1)index.html <!DOCTYPE html> <html> <head> <title>TODO supply a title</t ...

  8. SVN库文件上传操作步骤

    SVN库文件上传步骤: 1,sv st  或 svn status  查看本地库与远程库的差别(M代表文件有修改,?代表目录中有文件本地新增加) 2,根据1步骤中的查看结果:svn diff  差异文 ...

  9. 彻底搞懂HTML5文件上传操作需要的相关资料

    https://developer.mozilla.org/zh-CN/docs/Web/GuideMDN Web Guide https://developer.mozilla.org/zh-CN/ ...

随机推荐

  1. iOS开发25：使用SOAP访问Web服务

    SOAP是简单对象访问协议,它可看成是HTTP与XML的结合,其中XML部分是作为HTTP报文的实体主体部分.具体信息可以参考百度百科. 在iOS中使用SOAP,需要我们自己组装XML格式的字符串,当 ...

  2. nginx如何启用对HTTP2的支持 | nginx如何验证HTTP2是否已启用

    nginx启用HTTP2特性 查看当前nginx的编译选项 1 #./nginx -V 2   3 nginx version: nginx/1.9.15 4 built by gcc 5.4.0 2 ...

  3. centOS7下实践查询版本/CPU/内存/硬盘容量等硬件信息

    1.系统 1.1版本 uname -a 能确认是64位还是32位,其它的信息不多 [root@localhost ~]# uname -a Linux localhost.localdomain 3. ...

  4. 详解Java多线程编程中LockSupport类的线程阻塞用法

    LockSupport类是Java6(JSR166-JUC)引入的一个类,提供了基本的线程同步原语.LockSupport实际上是调用了Unsafe类里的函数,归结到Unsafe里,只有两个函数: p ...

  5. 应用内截屏的代码，在Activity中测试可用

    截屏功能让我十分头疼,想做个无需root的又找不到资料.这里暂且分享一个无需root的,在应用内截屏的代码,本文转自:http://blog.csdn.net/csh159/article/detai ...

  6. C#中的命名空间namespace与Java中的包package之间的区别

    Java 包被用来组织文件或公共类型以避免类型冲突.包结构可以映射到文件系统. System.Security.Cryptography.AsymmetricAlgorithm aa; 可能被替换: ...

  7. DAU预测

    转自: http://www.kaixin001.com/repaste/80488684_6910412734.html 我们知道在所有的游戏运营数据中,最终要的两个数据莫过于DAU.ARPU了.| ...

  8. Verilog 加法器和减法器(2)

    类似半加器和全加器,也有半减器和全减器. 半减器只考虑当前两位二进制数相减,输出为差以及是否向高位借位,而全减器还要考虑当前位的低位是否曾有借位.它们的真值表如下: 对半减器,diff = x ^y, ...

  9. Python collections.OrderedDict解决dict元素顺序问题

    编程中遇到个问题,python json.loads时元素顺序可能会发生变化. 这个对于一些需要使用元素顺序来做一些策略的代码来说是致命的. 在网上查了查,结合自己的知识总结一下. 使用dict时,K ...

  10. C/C++ 指针函数 与 函数指针

    指针函数是个函数,是返回指针类型到函数. 函数指针是个指针,是指向函数地址到指针. 区分两者的关键点是,函数名是否用*和括号“包围”起来. #include <stdio.h> int * ...