This time I will show you how to use s-xlsx to import and export Excel files, and how to use s-xlsx to import and export Excel files. What are the precautions?The following is a practical case, let's come together take a look.
Import function implementation
Download js-xlsx to dist, copy xlsx.full.min.js and introduce it into the page
Then read the file through the FileReader object Use js-xlsx to convert json data
Code implementation (==>example
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script>
</head>
<body>
<input type="file"onchange="importf(this)" />
<p id="demo"></p>
<script>
/*
FileReader共有4种读取方法：
1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
2.readAsBinaryString(file)：将文件读取为二进制字符串
3.readAsDataURL(file)：将文件读取为Data URL
4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8'
*/
var wb;//读取完成的数据
var rABS = false; //是否将文件读取为二进制字符串
function importf(obj) {//导入
if(!obj.files) { 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'
});
} //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
//wb.Sheets[Sheet名]获取第一个Sheet的数据
document.getElementById("demo").innerHTML= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
}; 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;
} </script>
</body></html>
2. Implementation of the export function
Also introduce js-xlsx
Code implementation (==>Example
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title></title>
<script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script></head><body>
<button onclick="downloadExl(jsono)">导出</button>
<!--
以下a标签不需要内容
-->
<a href="" download="这里是下载的文件名.xlsx" id="hf"></a>
<script>
var jsono = [{ //测试数据
"保质期临期预警(天)": "adventLifecycle", "商品标题": "title", "建议零售价": "defaultPrice", "高(cm)": "height", "商品描述": "Description", "保质期禁售(天)": "lockupLifecycle", "商品名称": "skuName", "商品简介": "brief", "宽(cm)": "width", "阿达": "asdz", "货号": "goodsNo", "商品条码": "skuNo", "商品品牌": "brand", "净容积(cm^3)": "netVolume", "是否保质期管理": "isShelfLifeMgmt", "是否串号管理": "isSNMgmt", "商品颜色": "color", "尺码": "size", "是否批次管理": "isBatchMgmt", "商品编号": "skuCode", "商品简称": "shortName", "毛重(g)": "grossWeight", "长(cm)": "length", "英文名称": "englishName", "净重(g)": "netWeight", "商品分类": "categoryId", "这里超过了": 1111.0, "保质期(天)": "expDate"
}]; var tmpDown; //导出的二进制对象
function downloadExl(json, type) { var tmpdata = json[0];
json.unshift({}); var keyMap = []; //获取keys
//keyMap =Object.keys(json[0]);
for (var k in tmpdata) {
keyMap.push(k);
json[0][k] = k;
} var tmpdata = [];//用来保存转换好的json
json.map((v, i) => keyMap.map((k, j) => Object.assign({}, { v: v[k], position: (j > 25 ? getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)
}))).reduce((prev, next) => prev.concat(next)).forEach((v, i) => tmpdata[v.position] = { v: v.v
}); var outputPos = Object.keys(tmpdata); //设置区域,比如表格从A1到D10
var tmpWB = { SheetNames: ['mySheet'], //保存的表标题
Sheets: { 'mySheet': Object.assign({},
tmpdata, //内容
{ '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] //设置填充区域
})
}
};
tmpDown = new Blob([s2ab(XLSX.write(tmpWB,
{bookType: (type == undefined ? 'xlsx':type),bookSST: false, type: 'binary'}//这里的数据是用来定义导出的格式类型
))], { type: ""
}); //创建二进制对象写入转换好的字节流
var href = URL.createObjectURL(tmpDown); //创建对象超链接
document.getElementById("hf").href = href; //绑定a标签
document.getElementById("hf").click(); //模拟点击实现下载
setTimeout(function() { //延时释放
URL.revokeObjectURL(tmpDown); //用URL.revokeObjectURL()来释放这个object URL
}, 100);
} function s2ab(s) { //字符串转字符流
var buf = new ArrayBuffer(s.length); var view = new Uint8Array(buf); for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; return buf;
} // 将指定的自然数转换为26进制表示。映射关系：[0-25] -> [A-Z]。
function getCharCol(n) { let temCol = '',
s = '',
m = 0
while (n > 0) {
m = n % 26 + 1
s = String.fromCharCode(m + 64) + s
n = (n - m) / 26
} return s
} </script></body></html>
3. Use Python to convert excel to Json to create test data
Code
import sysimport xlrdimport json
file =sys.argv[1]
data = xlrd.open_workbook(file)
table=data.sheets()[0]def haveNoIndex(table):
returnData=[]
keyMap=table.row_values(0)
for i in range(table.nrows):#row
tmpmp={}
tmpInd=0
for k in table.row_values(i):
tmpmp[keyMap[tmpInd]]=k
tmpInd=tmpInd+1
returnData.append(tmpmp); return json.dumps(returnData,ensure_ascii=False,indent=2)
returnJson= haveNoIndex(table)
fp = open(file+".json","w",encoding='utf-8')
fp.write(returnJson)
fp.close()Export example The test data already contains a header. If there is no header, you can directly create a value=key ({key:key}) for the key traversing the first piece of data in json and insert it into the first piece of json.
I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Related reading:
Website using nodejs for introduction
How to add element UI components to Vue
How to create a 1px border effect on the mobile terminal
The above is the detailed content of How to use s-xlsx to import and export Excel files (Part 1). For more information, please follow other related articles on the PHP Chinese website!
一文教会你Excel折叠表格分类汇总功能May 12, 2022 am 11:58 AM本篇文章给大家带来了关于excel的相关知识，其中主要介绍了关于折叠表格的相关问题，就是分类汇总的功能，这样查看数据会非常的方便，下面一起来看一下，希望对大家有帮助。
实用Excel技巧分享：计算年数差、月数差、周数差Apr 22, 2022 am 09:56 AM在之前的文章《实用Excel技巧分享：利用 数据透视表 来汇总业绩》中，我们学习了下Excel数据透视表，了解了利用数据透视表来汇总业绩的方法。而今天我们来聊聊怎么计算时间差（年数差、月数差、周数差），希望对大家有所帮助！
实例总结Excel中AGGREGATE函数的八个用法May 17, 2022 am 11:37 AM本篇文章给大家带来了关于excel的相关知识，其中主要介绍了关于AGGREGATE函数的相关内容，该函数用法与SUBTOTAL函数类似，但在功能上比SUBTOTAL函数更加强大，下面一起来看一下，希望对大家有帮助。
Word与Excel联动：表格借用Word进行分栏打印！May 07, 2022 am 10:28 AM在之前的文章《实用Word技巧分享：聊聊你没用过的“行号”功能》中，我们了解了Word中你肯定没用过的"行号”功能。今天继续实用Word技巧分享，看看Excel表格怎么借用Word进行分栏打印，快来收藏使用吧！
实用Excel技巧分享：合并单元格后实现筛选功能May 11, 2022 am 10:22 AM在之前的文章《实用Excel技巧分享：原来“定位功能”这么有用！》中，我们了解了定位功能的妙用。而今天我们聊聊合并后的单元格如何实现筛选功能，分享一种复制粘贴和方法解决这个问题，另外还会给大家分享一种合并单元格的不错的替代方式。
实例详解利用Excel制作倒计时牌May 16, 2022 am 11:53 AM本篇文章给大家带来了关于excel的相关知识，其中主要介绍了关于zenmm制作倒计时牌的相关内容，使用Excel中的日期函数结合按指定时间刷新的VBA代码，即可制作出倒计时牌，下面一起来看一下，希望对大家有帮助。
Excel怎么查找总和为某个值的组合May 18, 2022 am 11:25 AM本篇文章给大家带来了关于excel的相关知识，其中主要介绍了关于如何使用函数寻找总和为某个值的组合的问题，下面一起来看一下，希望对大家有帮助。
图文详解Excel中XLOOKUP函数典型用法整理Apr 21, 2022 am 11:46 AM本篇文章给大家带来了关于Excel的相关知识，其中主要介绍了关于XLOOKUP函数的相关知识，包括了常规查询、逆向查询、返回多列、自动除错以及近似查找等内容，下面一起来看一下，希望对大家有帮助。
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Zend Studio 13.0.1
Powerful PHP integrated development environment
Notepad++7.3.1
Easy-to-use and free code editor
Atom editor mac version download
The most popular open source editor
SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
