layui 读取本地excel内容_layui插件Excel导入导出

layui插件Excel导入导出

layuiadmin框架、引入插件excel.js和excel.min.js,放入/layuiadmin/modules文件夹下

excel模板要放在static目录下： “/static/excel/area_template.xls”,放在templates目录下读取不到，无法下载

html加载调用

导出

下载模板

导入

js加载

layui.config({

base: '../layuiadmin/'

}).extend({

index: 'lib/index'

}).use(['index','excel'], function () {

//导出

var excel = layui.excel;

$(".expExcel").click(function () {

layui.layer.confirm('确认导出?', function (index) {

layui.layer.close(index);

$.ajax({

url: '../area/getList',

dataType: 'json',

success: function(res) {

// 假如返回的 res.data 是需要导出的列表数据

// console.log(res.data);// [{name: 'wang', age: 18}, {name: 'layui', age: 3}]

// 1. 数组头部新增表头

res.data.unshift({id: 'ID',administrativeArea: '区域名称'});

// 2. 如果需要调整顺序，请执行梳理函数

var data = excel.filterExportData(res.data, [

'id',

'administrativeArea'

]);

// 3. 执行导出函数，系统会弹出弹框

excel.exportExcel({sheet1: data}, '行政区域数据.xlsx', 'xlsx');

}

});

});

});

});

//导入Excel

$('#impExcel').change(function(e) {

var files = e.target.files;

try {

//方式一：range:1 表示忽略第一行

// excel.importExcel(files,{range:1} , function(data) {

// console.log(data);

// console.log("获取0："+JSON.stringify(data));

// data = excel.filt