纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例

1.导入功能实现

下载js-xlsx到dist复制出xlsx.full.min.js引入到页面中 然后通过FileReader对象读取文件利用js-xlsx转成json数据

   

       

       

       

   

   

       

       

       

   

2.导出功能的实现

同样引入js-xlsx

   

   

   

    导出

   

   

   

---

3.使用Python将excel转成Json创建测试数据

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()

---

导出示例的测试数据已经含有表头了如果没有表头可以直接将json中的遍历第一条数据的key创建一个value=key（{key:key}）插入到json第一条就可以了