1.導(dǎo)入功能實(shí)現(xiàn)
下載js-xlsx到dist復(fù)制出xlsx.full.min.js引入到頁(yè)面中 然后通過FileReader對(duì)象讀取文件利用js-xlsx轉(zhuǎn)成json數(shù)據(jù)
<!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)" />
? ? ? ? <div id="demo"></div>
? ? ? ? <script>
? ? ? ? ? ? /*
? ? ? ? ? ? FileReader共有4種讀取方法：
? ? ? ? ? ? 1.readAsArrayBuffer(file)：將文件讀取為ArrayBuffer。
? ? ? ? ? ? 2.readAsBinaryString(file)：將文件讀取為二進(jìn)制字符串
? ? ? ? ? ? 3.readAsDataURL(file)：將文件讀取為Data URL
? ? ? ? ? ? 4.readAsText(file, [encoding])：將文件讀取為文本，encoding缺省值為'UTF-8'
? ? ? ? ? ? ? ? ? ? ? ? */
? ? ? ? ? ? var wb;//讀取完成的數(shù)據(jù)
? ? ? ? ? ? var rABS = false; //是否將文件讀取為二進(jìn)制字符串
? ? ? ? ? ? function importf(obj) {//導(dǎo)入
? ? ? ? ? ? ? ? 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)), {//手動(dòng)轉(zhuǎn)化
? ? ? ? ? ? ? ? ? ? ? ? ? ? type: 'base64'
? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? wb = XLSX.read(data, {
? ? ? ? ? ? ? ? ? ? ? ? ? ? type: 'binary'
? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? //wb.SheetNames[0]是獲取Sheets中第一個(gè)Sheet的名字
? ? ? ? ? ? ? ? ? ? //wb.Sheets[Sheet名]獲取第一個(gè)Sheet的數(shù)據(jù)
? ? ? ? ? ? ? ? ? ? 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) { //文件流轉(zhuǎn)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.導(dǎo)出功能的實(shí)現(xiàn)
同樣引入js-xlsx
<!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)">導(dǎo)出</button>
? ? <!--
? ? ? ? ? ? 以下a標(biāo)簽不需要內(nèi)容
? ? ? ? -->
? ? <a href="" download="這里是下載的文件名.xlsx" id="hf"></a>
? ? <script>
? ? ? ? var jsono = [{ //測(cè)試數(shù)據(jù)
? ? ? ? ? ? "保質(zhì)期臨期預(yù)警(天)": "adventLifecycle",
? ? ? ? ? ? "商品標(biāo)題": "title",
? ? ? ? ? ? "建議零售價(jià)": "defaultPrice",
? ? ? ? ? ? "高(cm)": "height",
? ? ? ? ? ? "商品描述": "Description",
? ? ? ? ? ? "保質(zhì)期禁售(天)": "lockupLifecycle",
? ? ? ? ? ? "商品名稱": "skuName",
? ? ? ? ? ? "商品簡(jiǎn)介": "brief",
? ? ? ? ? ? "寬(cm)": "width",
? ? ? ? ? ? "阿達(dá)": "asdz",
? ? ? ? ? ? "貨號(hào)": "goodsNo",
? ? ? ? ? ? "商品條碼": "skuNo",
? ? ? ? ? ? "商品品牌": "brand",
? ? ? ? ? ? "凈容積(cm^3)": "netVolume",
? ? ? ? ? ? "是否保質(zhì)期管理": "isShelfLifeMgmt",
? ? ? ? ? ? "是否串號(hào)管理": "isSNMgmt",
? ? ? ? ? ? "商品顏色": "color",
? ? ? ? ? ? "尺碼": "size",
? ? ? ? ? ? "是否批次管理": "isBatchMgmt",
? ? ? ? ? ? "商品編號(hào)": "skuCode",
? ? ? ? ? ? "商品簡(jiǎn)稱": "shortName",
? ? ? ? ? ? "毛重(g)": "grossWeight",
? ? ? ? ? ? "長(zhǎng)(cm)": "length",
? ? ? ? ? ? "英文名稱": "englishName",
? ? ? ? ? ? "凈重(g)": "netWeight",
? ? ? ? ? ? "商品分類": "categoryId",
? ? ? ? ? ? "這里超過了": 1111.0,
? ? ? ? ? ? "保質(zhì)期(天)": "expDate"
? ? ? ? }];
? ? ? ? var tmpDown; //導(dǎo)出的二進(jìn)制對(duì)象
? ? ? ? function downloadExl(json, type) {
? ? ? ? ? ? var tmpdata = json[0];
? ? ? ? ? ? json.unshift({});
? ? ? ? ? ? var keyMap = []; //獲取keys
? ? ? ? ? ? for (var k in tmpdata) {
? ? ? ? ? ? ? ? keyMap.push(k);
? ? ? ? ? ? ? ? json[0][k] = k;
? ? ? ? ? ? }
? ? ? ? ? var tmpdata = [];//用來(lái)保存轉(zhuǎn)換好的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); //設(shè)置區(qū)域,比如表格從A1到D10
? ? ? ? ? ? ? ? var tmpWB = {
? ? ? ? ? ? ? ? ? ? SheetNames: ['mySheet'], //保存的表標(biāo)題
? ? ? ? ? ? ? ? ? ? Sheets: {
? ? ? ? ? ? ? ? ? ? ? ? 'mySheet': Object.assign({},
? ? ? ? ? ? ? ? ? ? ? ? ? ? tmpdata, //內(nèi)容
? ? ? ? ? ? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] //設(shè)置填充區(qū)域
? ? ? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? };
? ? ? ? ? ? ? ? tmpDown = new Blob([s2ab(XLSX.write(tmpWB,
? ? ? ? ? ? ? ? ? ? {bookType: (type == undefined ? 'xlsx':type),bookSST: false, type: 'binary'}//這里的數(shù)據(jù)是用來(lái)定義導(dǎo)出的格式類型
? ? ? ? ? ? ? ? ? ? ))], {
? ? ? ? ? ? ? ? ? ? type: ""
? ? ? ? ? ? ? ? }); //創(chuàng)建二進(jìn)制對(duì)象寫入轉(zhuǎn)換好的字節(jié)流
? ? ? ? ? ? var href = URL.createObjectURL(tmpDown); //創(chuàng)建對(duì)象超鏈接
? ? ? ? ? ? document.getElementById("hf").href = href; //綁定a標(biāo)簽
? ? ? ? ? ? document.getElementById("hf").click(); //模擬點(diǎn)擊實(shí)現(xiàn)下載
? ? ? ? ? ? setTimeout(function() { //延時(shí)釋放
? ? ? ? ? ? ? ? URL.revokeObjectURL(tmpDown); //用URL.revokeObjectURL()來(lái)釋放這個(gè)object URL
? ? ? ? ? ? }, 100);
? ? ? ? }
? ? ? ? function s2ab(s) { //字符串轉(zhuǎn)字符流
? ? ? ? ? ? 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;
? ? ? ? }
? ? ? ? // 將指定的自然數(shù)轉(zhuǎn)換為26進(jìn)制表示。映射關(guān)系：[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.使用Python將excel轉(zhuǎn)成Json創(chuàng)建測(cè)試數(shù)據(jù)
import sys
import xlrd
import 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()
import sys
import xlrd
import 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()
導(dǎo)出示例的測(cè)試數(shù)據(jù)已經(jīng)含有表頭了如果沒有表頭可以直接將json中的遍歷第一條數(shù)據(jù)的key創(chuàng)建一個(gè)value=key（{key:key}）插入到j(luò)son第一條就可以了
