Excel导入:

页面创建导入按钮,如:

代码:

导入交易

JS:

function upload(){

layer.open({

type : 2, //层类型

title :'导入文件', //标题

shadeClose : true,//是否点击遮罩关闭

shade : [ 0.4, '#000' ], //遮罩

maxmin : false, //开启最大化最小化按钮

area : [ '460px', '350px' ],//设置宽高

offset : '5px',//坐标,默认:垂直水平居中

moveout : true,//是否允许拖拽到窗口外

content : "" //iframe的url //内容这里是路径

})

}

可以将上传文件放入form表单中,上传文件框用input框的file类型,如:

点击确定时submit提交表单,js如下所示:

function submit(){

//提交前校验

if(!checkDate()){

return;

}

//定义并开启上传时读取效果

var msgIndex = layer.load(1, {

shade: [0.4,'#def'], //0.4透明度的白色背景

icon : ''

});

//上传

$("#addMore").ajaxSubmit({

type : "post",

url : Const.apiUrl + "", //上传路径

dataType : "json",

success : function(resp){

layer.close(msgIndex);//关闭效果

if(resp.code == 200){

layer.open({

area: ['40%', '60%'],

title: '导入文件',

content: '成功导入信息'+resp.data+'条',

btn : ['确定'],

yes : function(index, layero) {

layer.closeAll();

}

});

}else{

layer.msg("导入失败!");

}

},

error : function(code) {

layer.close(msgIndex);

layer.msg("服务器错误,导入失败!");

}

});

}

function checkDate(){

//获取上传的文件路径

var fileName = $("#file").val();

//获取上传的文件名

var fName = fileName.substring(fileName.lastIndexOf("\\")+1,fileName.lastIndexOf("."));

//获取上传的文件后缀

var fType = fileName.substr(fileName.lastIndexOf("."));

//判断有没有文件

if(fName == ""){

layer.msg("请选择需要导入的.xls或者.xlsx文件!");

return false;

}

//判断文件格式是否正确

if(!fType || fType.toLowerCase()!=".xls" && fType.toLowerCase()!=".xlsx"){

layer.msg("请选择.xls或者.xlsx格式的文件导入!");

return false;

}

return true;

}

以上为前端页面代码,后端代码可参考:

java解析excel的js页面,Java导入Excel文件页面实现JS相关推荐

  1. 前端JS实现一键导入excel表格

    前端JS实现一键导入excel表格 前端JS实现一键导入excel表格 前端JS实现一键导入excel表格 前面的文章中已经讲过关于js表格的导出,此文章主要说到的是excel文件如何导入到网页中,并 ...

  2. 导入excel表格到数据库、导入excel表格到数据库代码、根据excel表格路径将数据导入到数据库、验证要导入的excel表格数据、根据路径获取MultipartFile、FileItem文件

    导入excel表格到数据库.根据路径导入excel表格到数据库代码.根据excel表格路径将数据导入到数据库.验证要导入的excel表格数据.根据路径获取MultipartFile.FileItem文 ...

  3. day01 js三种导入html的方法、js书写规范、变量的基本使用、变量提升

    昨天是初学js的第一天,为什么今天才写,我觉得这样可以帮助我复习昨天的知识,加深对js的理解. 我之前学过java的,昨天转入js的学习,对js略有些体会和大家分享下,js刚入门感觉js相对于java ...

  4. java excel 多sheet页_java导入excel操作多sheet页上传

    依赖包 cn.afterturn easypoi-base 3.0.1 cn.afterturn easypoi-web 3.0.1 cn.afterturn easypoi-annotation 3 ...

  5. java excel空格怎么表示_java导入excel中的空格问题

    最近项目需要,首先第一步就是要导入excel的数据 , 待一切代码写好后却发现总有部分数据被忽略.仔细查了原因后才发现java中的trim()没有起作用,于是我看了下trim()的源码. (图一) 首 ...

  6. CentOS部署JAVA程序、安装Tomcat以及安装导入mysql文件的方法

    注意:由于流程太过于繁杂,且坑多,这里只保留关键步骤,具体小问题百度! ________________________ 先进入CentOS6.8图形化界面(如阿里云没有默认的图形化界面,自己去安装h ...

  7. 一次Java解析数独的经历,java面试题,java高级笔试题

    写在最前面,我总结出了很多互联网公司的面试题及答案,并整理成了文档,以及各种学习的进阶学习资料,免费分享给大家.扫码加微信好友进[程序员面试学习交流群],免费领取.也欢迎各位一起在群里探讨技术. 1. ...

  8. php页面导入excel表格,php页面导入excel表格数据:php导入excel 怎么获取excel表格数据...

    导入excel文件,后端php处理导入的数据并存入数据库,需要前后端结合的demo! thinkphp3.2phpexcel导入最基本用法 先整个最基础的代码,理解了这个,后面非常简单了 $file_ ...

  9. python打开excel数据库_使用python导入excel文件中的mssql数据库数据

    我试图用python导入excel文件中的mssql数据库数据.我的数据在excel表格中的顺序不正确.e. g它显示第1列数据,然后是第3列,第2列,然后是第4列,依此类推. 我使用以下脚本:imp ...

  10. 如何在ex表格导入php_怎么使用php把表格中的数据导入到excel中,php如何快速导入excel表格数据...

    php怎么导入大量数据的excel php导出数据的Excel: PHP从数据库分多次读取100万行记录,和分将100万入文本文件都没问题 Excel可以支100万行记录,Excel 2003最大支持 ...

最新文章

  1. Bert需要理解的一些内容
  2. python select模块安装_python+selenium select下拉选择框定位处理方法
  3. Cause: invalid code lengths set
  4. codeforces1027D
  5. [转]Windows Shell 编程 第十四章【来源:http://blog.csdn.net/wangqiulin123456/article/details/7988010】...
  6. java获取数组穷举_请教一下两个数组各取一个元素生成新的数组的穷举算法设计?...
  7. pytorch: 在训练中保存模型,加载模型
  8. Unity3D下Linux平台播放RTSP或RTMP流
  9. jsp自定义标签(taglib)编写的原理和实现
  10. 判断一个字符串(str)是否以指定的字符串(target)结尾。 如果是,返回true;如果不是,返回false。...
  11. python中pickle模块无法导入_python pickle模块
  12. centos6.0 LAMP源码安装
  13. 微波工程(2)——传输线理论
  14. 数据结构实验报告五 查找
  15. HTML5堆木头游戏
  16. SpringBoot登录验证码实现
  17. CodeBlocks:1: 在MacOS上安装20.03
  18. 华中科技大学计算机学院有调剂名额吗,华中科技大学计算机学院2017考研调剂信息...
  19. 不带管理口的mellanox交换机打开端口一分二特性
  20. 拓端tecdat|R语言线性回归和时间序列分析北京房价影响因素可视化案例

热门文章

  1. vue获取DOM元素并设置属性
  2. [译] SpaceAce 了解一下,一个新的前端状态管理库
  3. Linux自动化之Cobbler补鞋匠安装
  4. Python中的__new__()方法的使用
  5. 故障公告:IIS应用程序池停止工作造成博客站点无法访问
  6. Python 字典 values() 方法
  7. 第八章 CTE 递归 及 分组汇总 高级部分(多维数据集)
  8. android:layout_weight属性的简单使用
  9. 步骤菜单使用css3实现
  10. 信息设计中的“父子关系”