js读取Excel表格,js完成点击复制数据的代码教程
程序员文章站
2022-05-28 20:43:58
废话
项目需求:根据日期读取某个excel的某块区域;,生成数组,点击可复制该数组,另作他用;
根据第几周读取不同的sheet(excel左下角) 周一读取周一的片名,周二读取周二的片名,依次。。...
废话
项目需求:根据日期读取某个excel的某块区域;,生成数组,点击可复制该数组,另作他用;
根据第几周读取不同的sheet(excel左下角) 周一读取周一的片名,周二读取周二的片名,依次。。
excel 内容区域如下图:
最终效果实例:
丑了点:
看整体代码:
必要的备注均有
<html> <head> <meta charset="utf-8"> <title>readexcel</title> </head> <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <script src="https://code.jquery.com/jquery.js"></script> <script src="./bootstrap/js/bootstrap.min.js"></script> <body> <p class="container"> <select id="selectweek" name="selectweek" onchange="getweekday()"> <option value="0">第一周</option> <option value="1">第二周</option> <option value="2">第三周</option> <option value="3">第四周</option> <option value="4">第五周</option> </select> <br> <select id="selectday" name="selectday" onchange="getweekday()"> <option value="a">周一</option> <option value="c">周二</option> <option value="e">周三</option> <option value="g">周四</option> <option value="i">周五</option> <option value="k">周六</option> <option value="m">周日</option> </select> <br> <input type="file" onchange="importf(this)" id="file"/> <br> <textarea cols="20" rows="10" id="textarea"></textarea> <br> <input type="button" onclick="copy()" value="点击复制代码"/> </p> <script type="text/javascript" src="./shim.min.js"></script> <script type="text/javascript" src="./xlsx.full.min.js"></script> <script> var wb;//读取完成的数据 var rabs = false; //是否将文件读取为二进制字符串 var values = [];//最终要的数组数据 var week = 0;//初始默认定义选取第一周的数据 var day = 'a';//初始默认定义选取第一天的数据,第一天就是a列。看表; var weekday = [];//初始第一周第一天的为空的 for (var m = 3; m < 100; m++) {//从每一列的第三行开始;看表 weekday.push(`a${m}`)//初始进入的时候第一周第一天有100条数据,查询a列,从地三行到地100行的数据;放入数组 } function getweekday() {//该方法为获取哪一周哪一天的列表,某天的数据为 一列默认为从第三行到地100行; var selectweek = document.getelementbyid('selectweek');//基本操作啦 var selectday = document.getelementbyid('selectday');//基操啦! week = selectweek.value;//获取人工选择的是哪一周 day = selectday.value;//获取人工选择的是哪一天 weekday = [];//如果重复操作该页面,为了防止数据增加。所以要初始化该数组; for (var j = 3; j < 100; j++) { weekday.push(`${day}${j}`)//最终获取该列表对应的格数及位置;以备后用; } } function importf(obj) {//导入文件 if (!obj.files || obj.files.length <= 0) {//如果onchange事件发生但是未传入文件,那么啥都不干。 return; } var f = obj.files[0];//f为读取到的文件 var reader = new filereader(); reader.onload = function (e) { var data = e.target.result; if (rabs) { wb = xlsx.read(btoa(fixdata(data)), {//手动转化 type: 'base64' }); } else { wb = xlsx.read(data, { type: 'binary' }); } //wb.sheetnames[0]是获取sheets中第一个sheet的名字 //wb.sheets[sheet名]获取第一个sheet的数据 // var jsontext = json.stringify(xlsx.utils.sheet_to_json(wb.sheets[wb.sheetnames[0]])); values = []; for (var i = 0; i < weekday.length; i++) {//遍历查找weekday数组中的数据,组成新数据数组得到最终值values if (wb.sheets[wb.sheetnames[week]][weekday[i]]) { var cellvalue = wb.sheets[wb.sheetnames[week]][weekday[i]].v;// values.push(`"${cellvalue}"`) } else { continue } } // console.log(values); var textarea = document.getelementbyid('textarea'); textarea.value = `[${values}]` obj.value = '' }; if (rabs) { reader.readasarraybuffer(f); } else { reader.readasbinarystring(f); } } function fixdata(data) { //文件流转binarystring var o = "", l = 0, w = 10240; for (; l < data.bytelength / w; ++l) o += string.fromcharcode.apply(null, new uint8array(data.slice(l * w, l * w + w))); o += string.fromcharcode.apply(null, new uint8array(data.slice(l * w))); return o; } function copy() {//这个方法完成复制数据功能 var textarea = document.getelementbyid('textarea'); textarea.select(); // 选择对象 document.execcommand("copy"); // 执行浏览器复制命令 alert("复制成功"); } </script> </body> </html>