1. 首页
  2. 软件开发
  3. JS导出excel功能

JS导出excel功能

  • 发布于 2024-09-26
  • 1 次阅读

在JavaScript中可以使用第三方库来实现导出Excel的功能,比如使用xlsx库。以下是一个简单的示例:

  1. 首先,在html文件中引入xlsx库:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.9/xlsx.full.min.js"></script>
    


  2. 创建一个导出Excel的函数:

    function exportExcel(data, fileName) {
     const ws = XLSX.utils.json_to_sheet(data);
     const wb = XLSX.utils.book_new();
     XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
     const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
    
     const blob = new Blob([wbout], { type: 'application/octet-stream' });
     const url = URL.createObjectURL(blob);
    
     const a = document.createElement('a');
     a.href = url;
     a.download = fileName + '.xlsx';
     a.click();
    
     URL.revokeObjectURL(url);
    }
    


  3. 调用导出Excel的函数,并传入需要导出的数据和文件名:

    const data = [
     { name: 'Alice', age: 30 },
     { name: 'Bob', age: 25 },
     { name: 'Charlie', age: 35 }
    ];
    
    exportExcel(data, 'myData');
    

    以上代码实现了一个简单的导出Excel的功能。需要注意的是,浏览器可能会阻止自动下载文件,用户需要手动允许或者调整浏览器设置。

原文链接: https://blog.csdn.net/hexadecimal_001/article/details/139306458