zoukankan      html  css  js  c++  java
  • vue中读取excel中数据

    安装xlsx

      npm install xlsx --save-dev

    安装好后在需要的页面 引入插件

      import xlsx from 'xlsx'

    调用

      

    $('#uploadFile').change((e) => {
        var files = e.target.files;
        var fileReader = new FileReader();
        fileReader.onload = function(ev) {
            console.log(ev,'ev')
            try {
                var data = ev.target.result,
                    workbook = XLSX.read(data, {
                        type: 'binary'
                    }), // 以二进制流方式读取得到整份excel表格对象
                    persons = []; // 存储获取到的数据
            } catch (e) {
                console.log('文件类型不正确');
                return;
            }
            // 表格的表格范围,可用于判断表头是否数量是否正确
            var fromTo = '';
            // 遍历每张表读取
            for (var sheet in workbook.Sheets) {
                if (workbook.Sheets.hasOwnProperty(sheet)) {
                    fromTo = workbook.Sheets[sheet]['!ref'];
                    console.log(fromTo);
                    persons =     persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
                                    // break; // 如果只取第一张表,就取消注释这行
                }
            }
            console.log(persons);
        };
        // 以二进制方式打开文件
        fileReader.readAsBinaryString(files[0]);
    });            


    原创链接:https://blog.csdn.net/qq_32563571/article/details/83149929

      

      

  • 相关阅读:
    随感
    createDocumentFragment() 创建文档碎片节点
    关于数组的map、reduce、filter
    CSS中的常用属性
    精通CSS version2笔记2.小知识
    精通CSS version2笔记之⒈选择器
    Spring入门_01
    Spring入门
    Java 流程控制
    Java 数据类型
  • 原文地址:https://www.cnblogs.com/Mr-Rshare/p/11803174.html
Copyright © 2011-2022 走看看