java解析excel的js页面,Java导入Excel文件页面实现JS
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相关推荐
- 前端JS实现一键导入excel表格
前端JS实现一键导入excel表格 前端JS实现一键导入excel表格 前端JS实现一键导入excel表格 前面的文章中已经讲过关于js表格的导出,此文章主要说到的是excel文件如何导入到网页中,并 ...
- 导入excel表格到数据库、导入excel表格到数据库代码、根据excel表格路径将数据导入到数据库、验证要导入的excel表格数据、根据路径获取MultipartFile、FileItem文件
导入excel表格到数据库.根据路径导入excel表格到数据库代码.根据excel表格路径将数据导入到数据库.验证要导入的excel表格数据.根据路径获取MultipartFile.FileItem文 ...
- day01 js三种导入html的方法、js书写规范、变量的基本使用、变量提升
昨天是初学js的第一天,为什么今天才写,我觉得这样可以帮助我复习昨天的知识,加深对js的理解. 我之前学过java的,昨天转入js的学习,对js略有些体会和大家分享下,js刚入门感觉js相对于java ...
- 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 ...
- java excel空格怎么表示_java导入excel中的空格问题
最近项目需要,首先第一步就是要导入excel的数据 , 待一切代码写好后却发现总有部分数据被忽略.仔细查了原因后才发现java中的trim()没有起作用,于是我看了下trim()的源码. (图一) 首 ...
- CentOS部署JAVA程序、安装Tomcat以及安装导入mysql文件的方法
注意:由于流程太过于繁杂,且坑多,这里只保留关键步骤,具体小问题百度! ________________________ 先进入CentOS6.8图形化界面(如阿里云没有默认的图形化界面,自己去安装h ...
- 一次Java解析数独的经历,java面试题,java高级笔试题
写在最前面,我总结出了很多互联网公司的面试题及答案,并整理成了文档,以及各种学习的进阶学习资料,免费分享给大家.扫码加微信好友进[程序员面试学习交流群],免费领取.也欢迎各位一起在群里探讨技术. 1. ...
- php页面导入excel表格,php页面导入excel表格数据:php导入excel 怎么获取excel表格数据...
导入excel文件,后端php处理导入的数据并存入数据库,需要前后端结合的demo! thinkphp3.2phpexcel导入最基本用法 先整个最基础的代码,理解了这个,后面非常简单了 $file_ ...
- python打开excel数据库_使用python导入excel文件中的mssql数据库数据
我试图用python导入excel文件中的mssql数据库数据.我的数据在excel表格中的顺序不正确.e. g它显示第1列数据,然后是第3列,第2列,然后是第4列,依此类推. 我使用以下脚本:imp ...
- 如何在ex表格导入php_怎么使用php把表格中的数据导入到excel中,php如何快速导入excel表格数据...
php怎么导入大量数据的excel php导出数据的Excel: PHP从数据库分多次读取100万行记录,和分将100万入文本文件都没问题 Excel可以支100万行记录,Excel 2003最大支持 ...
最新文章
- Bert需要理解的一些内容
- python select模块安装_python+selenium select下拉选择框定位处理方法
- Cause: invalid code lengths set
- codeforces1027D
- [转]Windows Shell 编程 第十四章【来源:http://blog.csdn.net/wangqiulin123456/article/details/7988010】...
- java获取数组穷举_请教一下两个数组各取一个元素生成新的数组的穷举算法设计?...
- pytorch: 在训练中保存模型,加载模型
- Unity3D下Linux平台播放RTSP或RTMP流
- jsp自定义标签(taglib)编写的原理和实现
- 判断一个字符串(str)是否以指定的字符串(target)结尾。 如果是,返回true;如果不是,返回false。...
- python中pickle模块无法导入_python pickle模块
- centos6.0 LAMP源码安装
- 微波工程(2)——传输线理论
- 数据结构实验报告五 查找
- HTML5堆木头游戏
- SpringBoot登录验证码实现
- CodeBlocks:1: 在MacOS上安装20.03
- 华中科技大学计算机学院有调剂名额吗,华中科技大学计算机学院2017考研调剂信息...
- 不带管理口的mellanox交换机打开端口一分二特性
- 拓端tecdat|R语言线性回归和时间序列分析北京房价影响因素可视化案例
热门文章
- vue获取DOM元素并设置属性
- [译] SpaceAce 了解一下,一个新的前端状态管理库
- Linux自动化之Cobbler补鞋匠安装
- Python中的__new__()方法的使用
- 故障公告:IIS应用程序池停止工作造成博客站点无法访问
- Python 字典 values() 方法
- 第八章 CTE 递归 及 分组汇总 高级部分(多维数据集)
- android:layout_weight属性的简单使用
- 步骤菜单使用css3实现
- 信息设计中的“父子关系”