后台管理系统(react)-导入本地excel表格并保存到数据库

116 阅读1分钟
# 标签:
<Input type='file' onChange={onchange} />

# 代码部分:

import { Input } from 'antd';
import * as XLSX from 'xlsx'

    const onchange = (e: any) => {
        const fileObj = e.target.files[0]
        // fileReader对象就是专门操作二进制的,将文件读入内存
        const fileReader = new FileReader()
        // readAsArrayBuffer 读取指定blob或指定file内存
        fileReader.readAsArrayBuffer(fileObj)
        fileReader.onload = (event) => {
            const fileData = event?.target?.result
            // 从表格中提取出数据
            const workbook = XLSX.read(fileData, { type: 'binary' })
            // 按选项卡顺序列出工作表名称
            const wsname = workbook.SheetNames[0]
            // 从工作表中创建JS值数组(sheetJson就是转换之后的数据)
            const sheetJson = XLSX.utils?.sheet_to_json
            }
        }