• javascript导入excel文件

            导入文件用到一个 xlsx.core.js 的包。

    1. html>
    2. <html lang="en">
    3.  
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <script type="text/javascript" src="./xlsx.core.min.js">script>
    8.     <title>Documenttitle>
    9. head>
    10.  
    11. <body>
    12.     <input type="file" id="file" style="display:none;" />
    13.     <button onclick="importFile()">导入button>
    14. body>
    15. <script type="text/javascript" src="./index.js">script>
    16. html>

            隐藏 input 框，加一个 button 按钮可以方便的调节按钮的样式。

    1. function importFile() {
    2.     console.log('导入');
    3.     document.getElementById('file').click();
    4. }
    5.  
    6. document.getElementById('file').addEventListener('change', function (e) {
    7.     let files = e.target.files;
    8.     if (files.length == 0) return;
    9.     let f = files[0];
    10.  
    11.     if (!/\.xlsx$/g.test(f.name)) {
    12.         alert('仅支持读取xlsx格式！');
    13.         return;
    14.     }
    15.     e.target.value = "" // 清空上一次上传的数据，防止第二次无法上传
    16.     readWorkbookFromLocalFile(f, function (workbook) {
    17.         readWorkbook(workbook);
    18.     });
    19. });
    20.  
    21. function readWorkbookFromLocalFile(file, callback) {
    22.     let reader = new FileReader();
    23.     reader.onload = function (e) {
    24.         let data = e.target.result;
    25.         let workbook = XLSX.read(data, { type: 'binary' });
    26.         if (callback) callback(workbook);
    27.     };
    28.     reader.readAsBinaryString(file);
    29. }
    30.  
    31. function readWorkbook(workbook) {
    32.     let sheetNames = workbook.SheetNames; // 工作表名称集合
    33.     console.log(sheetNames, 'sheetNames');
    34.     let worksheet = workbook.Sheets[sheetNames[0]]; // 读取第一张sheet
    35.     console.log(worksheet, 'worksheet');
    36.     let json = XLSX.utils.sheet_to_json(worksheet);
    37.     // let json = XLSX.utils.sheet_to_json(worksheet, { range: 1 }) // range: 1 可以设置是从第几行开始读，不设置从第一行开始读
    38.     console.log(json, 'json');
    39. }

            文件信息。

            页面上取值。

  • 相关阅读:
    （网络编程）模拟客户端与服务端的交互
    Dijkstra算法详解
    IP在网络通信中的重要作用
    10 Go语言中接口运算，空接口
    【汇总】nltk相关资源包无法下载报错问题
    5个最好的乐高设计软件
    Java------Stream流式编程常用API【.stream，filter()，map()】（三）
    2022-08-26
    clipStudioPaint插件开发之服务套件（一）
    2、计算机图形学——视图变换
  • 原文地址：https://blog.csdn.net/h360583690/article/details/139422525