尝试使用 jsZip 将 PDF 文件压缩为 Zip 文件时出现问题

Question

我使用了jsZip的cdn，参考官方文档后尝试生成PDF文件并压缩成.zip格式。

代码：-

var zip = new JSZip();
zip.file("Hello.pdf", "Hello World\n");
zip.file("Alphabet.pdf", "abcdef\n");
zip.generateAsync({type:"blob"})
.then(function(content) {
    saveAs(content, "example.zip");
});

但是，我在这里面临的问题是，虽然我最终能够生成 .zip 文件。我无法阅读 PDF 文件，因为它一直说格式已损坏。 （即使对于 .xls/xlsx 格式也会发生同样的事情，对于 .doc 和 .txt 格式的文件我不会遇到同样的问题。）

the error message on trying to open PDF file

我做错了什么？我还需要做什么？这让我得到了解决！任何帮助将不胜感激。

编辑：- @Fefux - 我尝试了一些类似的方法，即首先生成 pdf 内容，然后压缩为 .zip，但它也不起作用！

function create_zip() {
            var dynamicSITHtml = '<div class="container"><div class="row margin-top">';
            dynamicSITHtml = dynamicSITHtml + '<table><thead><tr><th>Target Date/Time</th><th>Referred To Role</th><th>Description</th><th>Priority</th><th>Status</th></tr></thead><tbody>';
            dynamicSITHtml = dynamicSITHtml + '</tbody></table></div></div>';
            $scope.dymanicSITHtml = dynamicSITHtml;


            var pdf1 = new jsPDF('p', 'pt', 'letter');
            var ElementHandlers = {
                '#editor': function (element, renderer) {
                    return true;
                }
            };
            pdf1.fromHTML($scope.dymanicSITHtml, 10, 10, {
                'width': 1000,
                'elementHandlers': ElementHandlers
            });
            //pdf1.save($scope.operation.ReferenceNumber + '_task_summary_report.pdf');

            var zip = new JSZip();
            zip.file("Hello.pdf", pdf1.save($scope.operation.ReferenceNumber + '_task_summary_report.pdf'));
            zip.generateAsync({ type: "blob" })
            .then(function (content) {
                saveAs(content, "example.zip");
            });

请帮忙！！

这是一个更新的代码副本..... 我尝试使用 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

您有一个错误，因为您没有压缩 pdf 文件。您压缩了一个名为 Hello.pdf 的文件，该文件的内容是“Hello world\n”，但这不是有效的 PDF 内容（Alphabet.pdf 也是如此）。

您需要生成一个有效的PDF内容并压缩后。

编辑：工作 jsFiddle：https://jsfiddle.net/55gdt8ra/

$(function() {
    var doc = new jsPDF();

        doc.setFontSize(40);
        doc.text(35, 25, "Octonyan loves jsPDF");

 var zip = new JSZip();
  zip.file("Hello.pdf", doc.output());
  zip.generateAsync({ type: "blob" })
  .then(function (content) {
    saveAs(content, "example.zip");
  });
})