js-xlsx基本使用(vue)

本文介绍了如何在Vue项目中利用js-xlsx库进行Excel文件的解析。首先,详细讲述了安装过程和基本使用方法,包括从github获取库和在代码中引入。接着,重点讨论了文件读取处理,如提取表头信息和处理文件数据,特别是结合Element-UI的Uploader组件进行文件上传。最后,展示了实现的效果,并提供了相关参考链接以供深入学习。
摘要由CSDN通过智能技术生成

基本介绍

实现前端对Excel文件的解析

一、安装及基本使用

1、安装

github地址:https://github.com/SheetJS/sheetjs

$ npm install xlsx

2、代码内使用

import XLSX from 'xlsx'

二、文件读取处理

1、表头处理

从Excel中读取表头信息

function get_header_row(sheet) {
    const headers = [];
    /* sheet['!ref']表示所有单元格的范围,例如从A1到F8则记录为 A1:F8*/
    const range = XLSX.utils.decode_range(sheet['!ref']);
    let C, R = range.s.r; /* 从第一行开始 */
    /* 按列进行数据遍历 */
    for (C = range.s.c; C <= range.e.c; ++C) {
    	  /* 查找第一行中的单元格 */
        const cell = sheet[XLSX.utils.encode_cell({c: C, r: R})] 

        let hdr = "UNKNOWN " + C; // <-- 进行默认值设置
        if (c
  • 5
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值