导入按钮

<button class="btn btn-info" type="button" id="import" data-toggle="modal" data-target="#myModal">导入</button>

模态框

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel">导入</h4>
</div>
<div class="modal-body">
<div>导入格式如下</div>
<table class="table table-bordered">
<tr>
<th>编号</th>
<th>姓名</th>
<th>手机号</th>
<th>性别</th>
<th>出生日期</th>
</tr>
<tr>
<td>1</td>
<td>小李</td>
<td>18888888888</td>
<td>男</td>
<td>2013年12月20日</td>
</tr>
</table> <form action="#" method="post" id="file-form" enctype="multipart/form-data">
<div class="form-group">
<label class=" control-label" style="width:85px;">上传文件<sup>*</sup></label>
<div class="">
<input type="file" name="excel" style="display:block;" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="file-import">确定</button>
<!--<button type="button" class="btn btn-danger" id="editUser">确定</button>-->
</div>
</div>
</div>
</div>

弹出模态框,选择文件,点击确定

//导入
$('#file-import').on('click',function(){
var fileFlag = false;
fileFlag = $("input[name='excel']").val();
if(!fileFlag) {
alert( '请选择文件!');
return false;
}
// 创建
var form_data = new FormData();
// 获取文件
var file_data = $("input[name='excel']").prop("files")[0];
// 把所以表单信息
form_data.append("excel", file_data);
$.ajax({
url:'/Admin/import',
type:'post',
dataType:'json',
processData: false, // 注意:让jQuery不要处理数据
contentType: false, // 注意:让jQuery不要设置contentType
data: form_data,
success:function(info){
console.log(info);
alert(info.msg);
if(info.code == 1){
window.location.reload();
}
}
})
});

PHP控制器

    /**
* 导入
*/
public function import(){
$name = substr(strrchr($_FILES['excel']['name'], '.'), 1);
$file = $_FILES['excel']['tmp_name'];
$data = $this->excel($name,$file);
if(!$data){
return $this->ajaxReturn(['code'=>-1,'msg'=>'文件格式不正确!']);
}
foreach($data as &$v){
$dateArr = date_parse_from_format('Y年m月d日',$v['time']);
if(!$dateArr['year']){
$v['time'] = '';
continue;
}
$v['time'] = $dateArr['year'].'-'.$dateArr['month'].'-'.$dateArr['day'];
}
$allID = M('user')->addAll($data);
if($allID){
return $this->ajaxReturn(['code'=>1,'msg'=>'导入成功']);
}
$this->ajaxReturn(['code'=>-2,'msg'=>'导入失败']);
} /**
* 读表格信息
*/
public function excel($name,$files){
//导入PHPExcel类库,因为PHPExcel没有用命名空间,只能inport导入
import("Common.Vendor.Excel.PHPExcel");
//创建PHPExcel对象,注意,不能少了\
$PHPExcel=new \PHPExcel();
if ($name == 'xls') {
//如果excel文件后缀名为.xls,导入这个类
import("Common.Vendor.Excel.PHPExcel.Reader.Excel5");
$PHPReader=new \PHPExcel_Reader_Excel5();
}
if ($name == 'xlsx') {
//如果excel文件后缀名为.xlsx,导入这下类
import("Common.Vendor.Excel.PHPExcel.Reader.Excel2007");
$PHPReader=new \PHPExcel_Reader_Excel2007();
} //载入文件
$PHPExcel=$PHPReader->load($files);
$currentSheet=$PHPExcel->getSheet(0);
$allColumn=$currentSheet->getHighestColumn();
$allRow=$currentSheet->getHighestRow();
//循环读取数据
for($currentRow=2;$currentRow<=$allRow;$currentRow++){
$arr['name'] = $PHPExcel->getActiveSheet()->getCell('B'.$currentRow)->getValue();
$arr['mobile'] = $PHPExcel->getActiveSheet()->getCell('C'.$currentRow)->getValue();
$arr['sex'] = $PHPExcel->getActiveSheet()->getCell('D'.$currentRow)->getValue();
$arr['time'] = gmdate("Y年m月d日",\PHPExcel_Shared_Date::ExcelToPHP($PHPExcel->getActiveSheet()->getCell('F'.$currentRow)->getValue()));
$data[] =$arr;
}
return $data;
}

tp3.2和Bootstrap模态框导入excel表格数据的更多相关文章

  1. Vue3实现动态导入Excel表格数据

    1.  前言 在开发工作过程中,我们会遇到各种各样的表格数据导入,大部分我们的解决方案:提供一个模板前端进行下载,然后按照这个模板要求进行数据填充,最后上传导入,这是其中一种解决方案.个人认为还有另外 ...

  2. bootstrap 模态框动态加载数据

    .页面中添加modal <!-- 模态框(Modal) --> <div class="modal fade" id="showModal" ...

  3. java导入Excel表格数据

    首先导入Excel数据需要几样东西 第一需要两个依赖包,这里直接是在pom注入依赖 <!--excel--> <dependency> <groupId>org.a ...

  4. poi导入excel表格数据到数据库的时候,对出生日期的校验

    出生日期格式为8位数字的字符串 如:yyyyMMdd 规则:yyyy大于1900并小于当前时间,月.日 按日期规则校验 //解决读过来的字符串显示为科学计数法问题 BigDecimal bd = ne ...

  5. js控制Bootstrap 模态框(Modal)插件

    js控制Bootstrap 模态框(Modal)插件 http://www.cnblogs.com/zzjeny/p/5564400.html

  6. Bootstrap模态框按钮

    1.触发模态框弹窗的代码 这里复制了一段Bootstrap模态框的代码 <h2>创建模态框(Modal)</h2> <!-- 按钮触发模态框 --> <but ...

  7. 解决bootstrap模态框内输入框无法获取焦点

    bootstrap 模态框中的input标签在某些情况下会无法获取焦点. 最终解决方法:去除模态框的 tabindex="-1" 属性即可

  8. Bootstrap 模态框(Modal)插件

    原文链接:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态框(Modal)是覆 ...

  9. Bootstrap 模态框在用户点击背景空白处时会自动关闭

    问题: Bootstrap 模态框在用户点击背景空白处时,会自动关闭. 解决方法: 在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdr ...

随机推荐

  1. 毕向东_Java基础视频教程第20天_IO流(11~14)

    第20天-11-IO流(Properties简述) .properties是一种主要在Java相关技术中用来存储应用程序的可配置参数的文件的文件扩展名.它们也可以存储用于国际化和本地化的字符串,这种文 ...

  2. Linux运维体系

  3. 对于大型公司项目平台选择j2ee的几层认识

    我是一个从野路子上一路走来的程序员,现在主要用.net做方案.选.net不选jave并没有什么特别的原因,只不过是因为我自己从c,java学起,后来被vs这个工具所吸引, 很熟悉这个平台罢了,从业15 ...

  4. Linux下top命令监控性能状态

    1.性能分析因素:CPU.内存.网络.磁盘读写 2.系统对应的应用类型主要分为以下两种: IO Bound:一般都是高负荷的内存使用以及存储系统,IO范畴的应用就是一个大数据处理的过程:通常数据库软件 ...

  5. 5 Dockerfile指令详解 && CMD 指令

    CMD 指令的格式和 RUN 相似,也是两种格式: shell 格式: CMD <命令> exec 格式: CMD ["可执行文件", "参数1", ...

  6. December 18th 2016 Week 52nd Sunday

    May your love soar on the wings of a dove in flight. 愿你的爱乘着飞翔中的白鸽,展翅高飞. May my life soar on the wing ...

  7. JVM垃圾收集算法的选择

    1. 介绍 JVM提供了多种垃圾收集器,应该根据应用选择一种合适的垃圾收集器. 垃圾回收管理内存通过如下操作: 在年轻代分配对象,把年龄大的对象晋升到老年代. 当年老代超过阈值的时候,并发标记收集. ...

  8. 更改mysql数据存储路径

    1.检查mysql数据库存放目录 mysql -u root -prootadmin show variables like '%dir%'; quit; (查看datadir 那一行所指的路径) 2 ...

  9. 【[JSOI2007]建筑抢修】

    各种瞎写 之后也不知道为什么就过了 刚看到这道题感觉确实是不会的,因为我贪心太差了\(QAQ\) 之后就随便\(yy\)呗 发现首先我们得排一下序,以\(t2\)也就是建筑的损坏时间为第一关键字从小到 ...

  10. 5、Web Service-整合CXF

    1.工程准备 继续使用之前的服务端:https://www.cnblogs.com/Mrchengs/p/10562458.html 2.jar准备 前去apache官网下载响应的jar:http:/ ...