时间戳

首页 > 解决方案 > SheetJS 和 FileSaver（vuejs 项目）：内存不足

javascript - SheetJS 和 FileSaver（vuejs 项目）：内存不足

问题描述

我正在解决以下问题：我想使用 SheetJS 下载一个 .xlsx 文件（单击时）来创建工作簿，并使用 FileSaver 来保存文件。我遇到的问题是，当超过大约 100k 行时，无法写入文件。我如何构建整个过程的代码片段（主要取自 sheetjs 示例和以下教程https://www.youtube.com/watch?v=41rOAt-zCu4）：

 let wb = XLSX.utils.book_new()
        wb.Props = {
          Title: 'Test Sheet',
          Subject: 'Test file',
          Author: 'Firstname Lastname'
        }
        // create worksheet in new workbook, write data, use array of arrays
        wb.SheetNames.push('Sheet1')
        // rowData is the array of arrays bigger than 90k
        let wsData = rowData
        let ws = XLSX.utils.aoa_to_sheet(wsData)
        wb.Sheets['Sheet1'] = ws
        let wbout = XLSX.write(wb, {bookType: 'xlsx', type: 'binary'})
        // until here the workbook with the test sheet is created, but not ready to be downloaded by user
        // for saving, we use file-saver. it needs a different format (octet), which can be generated
        // using the s2ab function
        function s2ab (s) {
          let buf = new ArrayBuffer(s.length)
          let view = new Uint8Array(buf)
          for (var i = 0; i < s.length; i++) view[i] = s.charCodeAt(i) & 0xFF
          return buf
        }
        FileSaver.saveAs(new Blob([s2ab(wbout)], {type: 'application/octet-stream'}), 'test.xlsx')

我有写几个 excel 表的想法，每个表有 90000 行，但我认为这没关系，因为我想写的对象对于本地内存来说太大了？而且我认为错误是由文件保护程序在生成八位字节格式时产生的，但我不确定。

所以，我正在寻找一个解决方案，我想到了流。我不想生成整个对象然后尝试编写它，而是想在生成行的同时编写并逐行编写。这应该不会占用我的内存吧？

然而，我找不到任何关于如何做到这一点的信息（之前从未使用过流等）。主要问题是内存，因为项目必须离线并且必须在本地 RAM/系统上运行）。

标签： javascriptout-of-memoryjs-xlsxsheetjs

解决方案

在这里找到了下载大量数据（尚未完全完成）的解决方案：

Javascript：导出大文本/csv 文件会使 Google Chrome 崩溃

目前正在处理行信息（如何将 JavaScript 数组信息导出到 csv（在客户端）？），但这篇文章应该可以帮助任何偶然发现此类问题的人

推荐阅读