基于layui-excel拓展下开发的简易excel表格替换工具资源-CSDN文库

共110个文件

gif：75个

js：23个

css：5个

需积分: 13 65 浏览量 2022-09-21 11:41:00 上传评论收藏 898KB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

基于layui-excel拓展下开发的简易excel表格替换工具（110个子文件）

layui.css 68KB

layer.css 14KB

layui.mobile.css 10KB

laydate.css 7KB

code.css 1KB

iconfont.eot 40KB

59.gif 10KB

22.gif 10KB

24.gif 8KB

13.gif 7KB

16.gif 7KB

39.gif 6KB

64.gif 6KB

63.gif 6KB

50.gif 6KB

loading-0.gif 6KB

4.gif 6KB

1.gif 5KB

42.gif 5KB

71.gif 5KB

21.gif 5KB

20.gif 5KB

29.gif 5KB

70.gif 4KB

5.gif 4KB

17.gif 4KB

27.gif 4KB

9.gif 4KB

44.gif 4KB

11.gif 4KB

8.gif 4KB

3.gif 4KB

23.gif 4KB

34.gif 4KB

41.gif 4KB

38.gif 4KB

65.gif 3KB

32.gif 3KB

45.gif 3KB

7.gif 3KB

12.gif 3KB

26.gif 3KB

60.gif 3KB

2.gif 3KB

40.gif 3KB

25.gif 3KB

19.gif 3KB

66.gif 3KB

18.gif 3KB

46.gif 3KB

10.gif 3KB

28.gif 3KB

51.gif 3KB

57.gif 3KB

67.gif 3KB

48.gif 3KB

0.gif 3KB

43.gif 3KB

30.gif 2KB

61.gif 2KB

33.gif 2KB

69.gif 2KB

14.gif 2KB

47.gif 2KB

36.gif 2KB

49.gif 2KB

58.gif 2KB

6.gif 2KB

54.gif 2KB

53.gif 2KB

56.gif 2KB

62.gif 2KB

31.gif 2KB

55.gif 2KB

35.gif 2KB

15.gif 2KB

loading-2.gif 2KB

37.gif 1KB

68.gif 1KB

52.gif 777B

loading-1.gif 701B

index.html 3KB

xlsx.js 879KB

layui.all.js 255KB

jquery.js 95KB

mobile.js 33KB

table.js 30KB

laydate.js 27KB

layer.js 22KB

layedit.js 12KB

colorpicker.js 11KB

form.js 9KB

element.js 7KB

slider.js 7KB

upload.js 7KB

layui.js 7KB

laypage.js 4KB

carousel.js 4KB

util.js 3KB

tree.js 3KB

共 110 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>excel表格批量替换</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css"> <script type="text/javascript" src="layui/layui.js"></script> </head> <body> <div class="admin-main layui-anim layui-anim-upbit"> <fieldset class="layui-elem-field layui-field-title"> <legend>表格替换</legend> </fieldset> <form class="demoTable layui-form"> <div class="layui-inline"> <input class="layui-input" name="key" id="key" placeholder="请输入关键字"> </div> <div class="layui-inline"> 筛选替换为： </div> <div class="layui-inline"> <input class="layui-input" name="replace_after" id="replace_after" placeholder="请输入替换后内容"> </div> <div class="layui-inline" style="position:relative;width: 100px"> <input id="export" type="file" style="background-color: #0C0C0C;width: 100%;height: 100%;position: absolute;top:0px;left: 0px;opacity: 0"> <button class="layui-btn">导入excel</button> </div> <div style="clear: both;"></div> </form> </div> </body> <script type="text/javascript" src="layui/layui.js"></script> <script type="text/javascript"> layui.config({ base: 'layui_exts/', }).extend({ excel: 'excel', }); </script> <script> layui.use(['excel','jquery'], function() { var $ = layui.jquery,excel = layui.excel; $('#export').change(function(e) { var files = e.target.files; var str = $(this).val(); var fileName = getFileName(str); var fileReader = new FileReader(); fileReader.onload = function(ev) { try { var data = ev.target.result var workbook = excel.fileInfo(data);// 以二进制流方式读取得到整份excel表格对象 var persons = []; // 存储获取到的数据 } catch (e) { return; } // 表格的表格范围，可用于判断表头是否数量是否正确 var fromTo = ''; // 遍历每张表读取 var key=$("#key").val(); var replace_after=$("#replace_after").val(); var allData=[]; var sheetAttr=[]; for (var sheet in workbook.Sheets) { persons=[]; var head=[]; if (workbook.Sheets.hasOwnProperty(sheet)) { fromTo = workbook.Sheets[sheet]['!ref']; persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet])); //break; // 如果只取第一张表，就取消注释这行 } //批量修改数据 $.each(persons,function (i,v){ $.each(v,function (ii,vv){ if(i == 0) head[ii]=ii; if(vv == key){ persons[i][ii]=replace_after; } }) }) persons.unshift(head); allData[sheet]=persons; sheetAttr.push(sheet); } excel.downloadExcel(allData,fileName, 'xlsx',sheetAttr); //在控制台打印出来表格中的数据 $('#export').val(""); }; // 以二进制方式打开文件 fileReader.readAsBinaryString(files[0]); }); }); function getFileName(path) { var pos1 = path.lastIndexOf('/'); var pos2 = path.lastIndexOf('\\'); var pos = Math.max(pos1, pos2); if (pos >= 0) { path=path.substring(pos + 1); } path= path.substring(0, path.lastIndexOf(".")); path="批量修改_"+path; return path; } </script>