将Excel中的数据导入html以及将html表格数据导出Excel

导入Excel：
html:

<input type="file" onchange="importExcel(this,false,function(data){getJsonData(data)})" class="upload-input" />
<div><table class="table table-bordered"><thead><tr><th>ID</th> <th>被派送人手机号</th><th>被派送人姓名</th> <th>派送时间</th><th>面额</th><th>使用限制</th><th>有效期</th></tr></thead><tbody></tbody></table></div><script>function importExcel(obj,rABS,callback) {var wb;if(!obj.files) { return; }const IMPORTFILE_MAXSIZE = 2*1024;//这里可以自定义控制导入文件大小var suffix = obj.files[0].name.split(".")[1];if(suffix != 'xls' && suffix !='xlsx'){alert('导入的文件格式不正确!');return;}if(obj.files[0].size/1024 > IMPORTFILE_MAXSIZE){alert('导入的表格文件不能大于2M');return;}var f = obj.files[0];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'});}var jsonData=JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );callback(jsonData);};// reader.onload闭合if(rABS) {reader.readAsArrayBuffer(f);} else {reader.readAsBinaryString(f);}}function getJsonData(jsonData) {var data = JSON.parse(jsonData);var str ="";for(var i=0;i<data.length;i++){var tr ="<tr>";for(var j in data[i]){var td ="<td>";td += data[i][j];td += "</td>";tr +=td;}tr += "</tr>";str +=tr;}$("tbody").html(str);console.log(jsonData);  //这里通过回调函数获取到data;}</script>

需引入的文件：
ysExport.js
xlsx.full.min.js

导出Excel：
html:

<input type="button" id="btn" value="导出" /><div><table class="table table-bordered" id="example"><thead><tr><th>ID</th><th>被派送人手机号</th><th>被派送人姓名</th><th>派送时间</th><th>面额</th><th>使用限制</th><th>有效期</th></tr></thead><tbody><tr><td>1</td><td>张三</td><td>男</td><td>23</td><td>张三</td><td>男</td><td>23</td></tr><tr><td>2</td><td>李四</td><td>男</td><td>27</td><td>张三</td><td>男</td><td>23</td></tr><tr><td>3</td><td>王麻子</td><td>男</td><td>65</td><td>张三</td><td>男</td><td>23</td></tr></tbody></table></div><script>$(function(){$("#btn").click(function(){$("#example").table2excel({// 不被导出的表格行的CSS class类exclude: ".noExl",// 导出的Excel文档的名称，（没看到作用）name: "Excel Document Name",// Excel文件的名称filename: "意见反馈"});});});</script>

需引入文件
jq
jquery.table2excel.js
提取码：qwcg

将Excel中的数据导入html以及将html表格数据导出Excel相关推荐

Python 将excel中的选择题导入到word文档中
Python 将excel中的选择题导入到word文档中 0x00 昨天,我的老师给我们一个包含600道关于比赛的选择题和判断题的excel文档,要我们整理成指定格式的word文档以后交给他.我看着 ...
Excel中VLOOKUP函数简易使用——精确匹配或近似匹配数据
一.问题描述在我们使用Excel的过程中,会遇到已经有一份完整的信息记录表,而业务经常需要从完整记录表中获取对应内容到业务表中,这时我们又不希望使用手动查找办法一个个查找匹配,而是希望能够一下就能精 ...
Excel中，用VLOOKUP如何跨表查找引用数据，例如通过工号查姓名，通过key查value
Excel中,用VLOOKUP如何跨表查找引用数据,例如通过工号查姓名,通过key查value. 在同一个Sheet中,如何查找. 查找函数为:=INDEX(B:B,MATCH(F2,A:A,)) 例 ...
Microsoft Excel 教程：如何在 Excel 中移动或复制工作表或工作表数据？
欢迎观看 Microsoft Excel 教程,小编带大家学习 Microsoft Excel 的使用技巧,了解如何在 Excel 中移动或复制工作表或工作表数据. 如果需要重新组织数据,可以轻松地更 ...
数据导入与预处理-第5章-数据清理
数据导入与预处理-第5章-数据清理 1. 数据清理概述 1.1 数据清理概述 1.2 什么是缺失值 1.3 什么是重复值 1.4 什么是异常值 2. 数据清理案例 2.1 缺失值处理 2.1.1 缺失 ...
R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据：使用gt包可视化表格数据，使其易于阅读和理解、使用gtExtras包添加一个图，显示表中某一列中的数字
R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字目录
R语言使用gt包和gtExtras包优雅地、漂亮地显示表格数据：使用gt包可视化表格数据，使其易于阅读和理解、使用gtExtras包添加一个图，显示表中某一列中的数字、并为类型数据添加图像符号标签
R语言使用gt包和gtExtras包优雅地.漂亮地显示表格数据:使用gt包可视化表格数据,使其易于阅读和理解.使用gtExtras包添加一个图,显示表中某一列中的数字.并为类型数据添加图像符号标签目 ...
vue+elementui表格前端导出excel以及自定义导出样式
vue+elementui表格前端导出excel以及自定义导出样式项目遇到前端自己导出表格,我自己把后端给我的数据处理了一波,合并重复列啊,以及表头合并啊.可没想到导出竟然也要前端自己来弄,于是乎请 ...
SharePoint开发 - Excel数据导入到SharePoint自定义列表（数据视图方式）
博客地址 http://blog.csdn.net/foxdave 本篇讲解一个有些新颖的SharePoint实例应用,给甲方做过项目的都有过体会,数据太多了,客户有Excel,要求实现批量导入. 效 ...

将Excel中的数据导入html以及将html表格数据导出Excel

将Excel中的数据导入html以及将html表格数据导出Excel相关推荐

最新文章

热门文章