将 .xls/xlsx 个文件压缩成 .zip 文件 jsZip

Question

我是 javascript/angularJS 领域的新手，所以请耐心等待 me.I 需要一种使用 jsZip 库将 .xls/.xlsx 文件转换为 .zip 文件的方法。我正在使用 alasql 生成 .xls 文件。我到处寻找任何可能的解决方案来创建所有 xls 文件的 zip 文件，但没有遇到任何演示。（.txt 和 .doc 文件生成得很好，但如果使用 jsZip，则 .xls 文件无法打开）。任何帮助将不胜感激！！

我需要的是一个动态生成的xls文件，以及压缩成zip的同一个文件

编辑：- 这是我尝试过的一些代码（但没有成功）

 var newExcelData = {'Name':'abc'};
        //var res = alasql("SELECT * INTO XLSX('Summary.xlsx',{headers:true}) FROM ? ", [newExcelData]);

        var zip = new JSZip();

        zip.file(alasql("SELECT * INTO XLSX('Summary.xlsx',{headers:true}) FROM ? ", [newExcelData]));
        zip.generateAsync({ type: "blob" })
        .then(function (content) {
            saveAs(content, "example.zip");
        });

PS:- 我能够在生成 .xls 文件的情况下使其工作。

请参考以下代码:-

var newExcelData = {'Name':'abc', 'Age':'12'};

            var zip = new JSZip();

            zip.file("test.xls", [newExcelData]);
            zip.generateAsync({ type: "blob" })
            .then(function (content) {
                saveAs(content, "example.zip");
            });

但是虽然生成了excelsheet，但是打开excelsheet是一片空白。请帮忙！！

嗨，这里有一个更新:-

我尝试使用 js-xlsx 库 - https://github.com/SheetJS/js-xlsx - 生成 xls 文件，然后将其压缩。请参考以下代码..

  function Create_Zip() {

        function datenum(v, date1904) {
            if (date1904) v += 1462;
            var epoch = Date.parse(v);
            return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
        }

        function sheet_from_array_of_arrays(data, opts) {
            var ws = {};
            var range = { s: { c: 10000000, r: 10000000 }, e: { c: 0, r: 0 } };
            for (var R = 0; R != data.length; ++R) {
                for (var C = 0; C != data[R].length; ++C) {
                    if (range.s.r > R) range.s.r = R;
                    if (range.s.c > C) range.s.c = C;
                    if (range.e.r < R) range.e.r = R;
                    if (range.e.c < C) range.e.c = C;
                    var cell = { v: data[R][C] };
                    if (cell.v === null) continue;
                    var cell_ref = XLSX.utils.encode_cell({ c: C, r: R });

                    if (typeof cell.v === 'number') cell.t = 'n';
                    else if (typeof cell.v === 'boolean') cell.t = 'b';
                    else if (cell.v instanceof Date) {
                        cell.t = 'n'; cell.z = XLSX.SSF._table[14];
                        cell.v = datenum(cell.v);
                    }
                    else cell.t = 's';

                    ws[cell_ref] = cell;
                }
            }
            if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
            return ws;
        }


        var data = [[1, 2, 3], [true, false, null, "sheetjs"], ["foo", "bar", new Date("2014-02-19T14:30Z"), "0.3"], ["baz", null, "qux"]];
        var ws_name = "SheetJS";

        function Workbook() {
            if (!(this instanceof Workbook)) return new Workbook();
            this.SheetNames = [];
            this.Sheets = {};
        }

        var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);

        /* add worksheet to workbook */
        wb.SheetNames.push(ws_name);
        wb.Sheets[ws_name] = ws;
        var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'binary' });

        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }

        var jsonse = JSON.stringify([s2ab(wbout)]);
        var testblob = new Blob([jsonse], { type: "application/json" });
        console.log(testblob);


        var zip = new JSZip();

        zip.file("trial.xls", testblob);

        var downloadFile = zip.generateAsync({ type: "blob" });
        saveAs(downloadFile, 'test.zip');

}

但是，这里的问题是我不断收到此错误：“'trial.xls' 的数据格式不受支持！”在控制台中 :(。有什么方法可以使它正常工作吗？我现在束手无策:(

Answer 1

不是答案（见下文）而是对正在发生的事情的解释：

要添加文件，JSZip 需要其二进制内容（如 Blob、Uint8Array 等）。 zip.file("test.xls", [newExcelData]); 行不起作用，例如：[newExcelData] 不是二进制内容，而是 js 对象数组。

你需要搞清楚的是如何获取xlsx文件的内容。 SELECT * INTO XLSX('Summary.xlsx') 将触发下载和 return 1，这不是您想要的。我在我这边搜索，但找不到使用 alasql 的方法。

Once/if你找到解决方案了，JSZip部分看起来是正确的。

编辑，在您切换到 js-xlsx 之后：

您使用不支持 Blob 输入的 JSZip v2（js-xlsx 需要）。但是，wbout 是支持的二进制字符串：

zip.file("trial.xls", wbout, {binary: true});

然后，替换zip.generateAsync（在JSZip v3中添加）：

var downloadFile = zip.generate({type: "blob" });
saveAs(downloadFile, 'test.zip');

Answer 2

这是我使用 JSZip、XLSX 和 File Saver 库找到的解决方案。

导入：

import * as XLSX from "xlsx";
import JSZip from 'jszip';
import { saveAs } from 'file-saver';

以下是将 .xlsx 压缩到 zip 中的示例：

let zip = new JSZip();
const jsonData = [
  {
     "Product": "Red Velvet Cupcake",
     "Price": "6",
     "GluttenFree": "Yes",
   },
   {
      "Product": "Cheesecake",
      "Price": "15",
      "GluttenFree": "No",
    }
];
const workBook: XLSX.WorkBook = XLSX.utils.book_new(); 
const workSheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(jsonData); 
XLSX.utils.book_append_sheet(workBook, workSheet, 'Bakery'); 
const workBookBuffer = XLSX.write(workBook, { bookType: 'xlsx', type: 'array' });

const fileData = new Blob([workBookBuffer], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'});        
zip.file('Products.xlsx', fileData);
zip.generateAsync({type:"blob"}).then(function (blob) {
saveAs(blob, "WorkBooks.zip");
});

此代码生成一个名为 'WorkBooks.zip' 的 zip 文件，其中包含文件 'Products.xlsx'。这是 excel 的样子：

一些 file-saver 示例：https://www.tabnine.com/code/javascript/modules/file-saver.

这里是使用的JSZip方法： https://stuk.github.io/jszip/documentation/api_jszip/file_data.html

将 .xls/xlsx 个文件压缩成 .zip 文件 jsZip

Compress .xls/xlsx files into .zip files jsZip

xls

xlsx

jszip

alasql