导入按钮

<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. google学习

    https://developers.google.com/machine-learning/crash-course/ https://developers.google.com/machine-l ...

  2. Protocol Buffer学习笔记

    Protocol Buffer Protobuf基础概念 Protobuf是google开发的数据结构描述语言,能够将结构化数据序列化与反序列化,取代json和xml,常用于服务器通信协议.RPC系统 ...

  3. FileWriter与BufferedWriter的适用场景

    IO这块,各种Writer,Reader,让人眼晕 而在网上基本找不到在什么时候用哪个类,并且网上的IO demo 很多用法都是错的 在这简单的分析一下FileWriter与BufferedWrite ...

  4. Linux下tomcat端口、自启问题

    一.防火墙开放8080端口命令: 以下命令只针对 CentOs 7 以上版本,CentOS升级到7之后,使用firewalld代 替了原来的iptables: 启动: # systemctl star ...

  5. [翻译] FLAnimatedImage

    FLAnimatedImage FLAnimatedImage is a performant animated GIF engine for iOS: FLAnimatedImage是一个播放gif ...

  6. 将csv导出json格式

    将csv导出json格式 import os,csv,json cf = open('D:\OneDrive\\Tech\\Script\\Powershell_Script\\Uxin_work\\ ...

  7. December 23rd 2016 Week 52nd Friday

    Life is a horse, and either you ride it or it rides you. 人生像一匹马,你不驾驭它,它便驾驭你. It is the same meaning ...

  8. web安全职位面试题目汇总

    Domain 解释一下同源策略 同源策略,那些东西是同源可以获取到的 如果子域名和顶级域名不同源,在哪里可以设置叫他们同源 如何设置可以跨域请求数据?jsonp是做什么的? Ajax Ajax是否遵循 ...

  9. SQL Server系统常用存储过程

    SQL Server系统存储过程也是好几百个,算了,还是写几个常用的. 1.sp_help 查询表的信息 执行存储过程: sp_help Person 显示结果如下: 妈了个B,有了这张图,你还不懂怎 ...

  10. 四、C# 5.0 新特性——Async和Await使异步编程更简单

    一.引言 .NET 4.5 的推出,对于C#又有了新特性的增加--就是C#5.0中async和await两个关键字,这两个关键字简化了异步编程,之所以简化了,还是因为编译器给我们做了更多的工作,下面就 ...