1：upload.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <link rel="stylesheet" href="./layui/css/layui.css" media="all">
  7. </head>
  8. <body>
  9.     <div class="layui-container">
  10.         <div class="layui-row" align="center" style="margin-top: 30px;">
  11.             <button type="button" class="layui-btn" id="upload">
  12.                 <i class="layui-icon"></i>选择文件</button>
  13.         </div>
  14.         <div class="layui-row" align="center" style="margin-top: 30px;">
  15.             <textarea id="result" cols="50" rows="10"></textarea>
  16.         </div>
  17.     </div>
  18. </body>
  19.  
  20. <script src="./jquery/jquery.min.js"></script>
  21. <script src="./layui/layui.js"></script>
  22.  
  23. <script>
  24.     layui.use('upload', function(){
  25.         var upload = layui.upload;
  26.  
  27.         //执行上传
  28.         var uploadInst = upload.render({
  29.             elem: '#upload' //绑定元素
  30.             ,url: '/ssfwpt/ra/ramanage' //上传接口
  31.             ,method: 'POST'
  32.             ,accept: 'file'
  33.             ,size: 50
  34.             ,before: function(obj){
  35.                 layer.load();
  36.             }
  37.             ,done: function(res){//上传完毕回调
  38.                 layer.closeAll('loading');
  39.                 var result = '';
  40.  
  41.                 for(var i=0; i<res.length; i++){
  42.                     result = result + res[i].nsrsbh+"="+res[i].container+"\n";
  43.                 }
  44.  
  45.                 $("#result").html(result);
  46.             }
  47.             ,error: function(){//请求异常回调
  48.                 layer.closeAll('loading');
  49.                 layer.msg('网络异常，请稍后重试！');
  50.             }
  51.         });
  52.     });
  53. </script>
  54. </html>

2：后台（Spring-boot）

  1. /**
  2.      * 实现文件上传
  3.      * */
  4.     @RequestMapping(value = "/ramanage", method = RequestMethod.POST)
  5.     @ResponseBody
  6.     public List<Map<String,String>> ramanage(@RequestParam("file") MultipartFile file){
  7.         List<Map<String,String>> result = new ArrayList<>();
  8.  
  9.         try {
  10.             InputStream input = file.getInputStream();
  11.  
  12.             Workbook wb = new HSSFWorkbook(input);
  13.  
  14.             Sheet sheet = wb.getSheetAt(0);
  15.  
  16.             int rowNum = sheet.getLastRowNum()+1;
  17.  
  18.             Map<String,String> map;
  19.             for(int i=1; i<rowNum; i++){
  20.                 Row row = sheet.getRow(i);
  21.  
  22.                 //容器名称
  23.                 Cell containerCell = row.getCell(0);
  24.                 String container = containerCell.getStringCellValue();
  25.  
  26.                 //税号
  27.                 Cell nsrsbhCell = row.getCell(1);
  28.                 String nsrsbh = nsrsbhCell.getStringCellValue();
  29.  
  30.                 map = new HashMap<>();
  31.                 map.put("nsrsbh", nsrsbh);
  32.                 map.put("container", container);
  33.  
  34.                 result.add(map);
  35.             }
  36.         } catch (IOException e) {
  37.             e.printStackTrace();
  38.         }
  39.  
  40.         return result;
  41.     }

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. OpenLdap+MySQL笔记

    20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送) 国内私募机构九鼎控股打造,九鼎投资是在全国股 ...

  2. Kali Linux 与 BackTrack Linux

     (一)BackTrack BackTrack是基于Ubuntu的自启动运行光盘,它包含了一套安全及计算机取证工具.它其实是依靠融合Auditor Security Linux和WHAX(先前的Who ...

  3. SharePoint 2016 站点注册工作流服务报错

    前言 安装完SharePoint 2016工作流环境,本来以为万事大吉了,结果给站点注册的时候报错了.搜了很多文章,发现后面要加上-Force参数. 错误截图 使用的为站点注册工作流服务的PowerS ...

  4. 迷失第一季/全集Lost 1迅雷下载

    迷失 第一季 Lost Season 1 (2004)本季看点:影片主要讲述一架客机坠落在太平洋的孤岛上,48名乘客侥幸生还.面对这种荒芜人烟的小岛,他们如何才能生存下去呢?生还者形形色色,国籍.人种 ...

  5. 判断listview滑动方向的代码片段

    mListView.setOnScrollListener(new OnScrollListener() { private int lastIndex = 0; @Override public v ...

  6. 生成模型（Generative Model）和 判别模型（Discriminative Model）

    引入 监督学习的任务就是学习一个模型(或者得到一个目标函数),应用这一模型,对给定的输入预测相应的输出.这一模型的一般形式为一个决策函数Y=f(X),或者条件概率分布P(Y|X). 监督学习方法又可以 ...

  7. 【手机网络游戏 编程】C#异步socketAPI调用 处理数据的流程

    之前客户端在网络条件好的时候,运行没问题.但是有时候手机的网络不稳定,接受数据可能不稳定,导致接受数据错误,一直都不知道,原来是接受数据处理的不够好! 现在更改过后的接受数据的逻辑如下: //接收 p ...

  8. Maven 默认插件以及功能

    Maven 默认插件 已知 Maven 使用 plugin 来执行实际操作的,在默认情况下,Maven 会绑定以下几个插件来完成基本操作. plugin function life cycle pha ...

  9. 使用C#开发一个简单的P2P应用

    作者: 刘彦青 本篇文章讨论了一种设计P2P网络应用程序的简单方法. 尽管有许多P2P网络不需要索引服务器或中央服务器,各客户机之间可以互相直接通讯,但下面的图1还是显示了P2P网络的基本工作原理,一 ...

  10. oracle归档日志的操作

                 oracle利用重做日志文件记录对数据库的操作.可是重做日志文件组是循环使用的,当所有的日志文件都被填满时,系统自己主动切换到第一组日志文件,当然数据库管理员也能够使用命令手 ...