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

我使用了cdn for jsZip，在参考了官方文档之后，我尝试生成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格式的文件，我不会遇到同样的问题。）

我做错了什么？我还需要做什么？这让我陷入困境！任何帮助都将不胜感激

编辑：- @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");
            });

函数create_zip（）{
var dynamicSITHtml=''；
dynamicSITHtml=dynamicSITHtml+“目标日期/时间参考RoleDescriptionPriorityStatus”；
dynamicSthTML=dynamicSthTML+“”；
$scope.dymanicSITHtml=dynamicsitml；
var pdf1=新的jsPDF（'p'，'pt'，'letter'）；
var ElementHandlers={
“#编辑器”：函数（元素、渲染器）{
返回true；
}
};
pdf1.fromHTML（$scope.dymanicSITHtml，10,10{
“宽度”：1000，
“elementHandlers”：elementHandlers
});
//pdf1.save（$scope.operation.ReferenceNumber+“\u task\u summary\u report.pdf”）；
var zip=newjszip（）；
zip.file（“Hello.pdf”，pdf1.save（$scope.operation.ReferenceNumber+“\u task\u summary\u report.pdf”）；
generateAsync（{type:“blob”}）
.然后（功能（内容）{
saveAs（内容，“example.zip”）；
});

请帮忙

这里有一个更新的代码副本。。。。。 我尝试使用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');
}

函数Create_Zip（）{
函数datenum（v，date1904）{
如果（日期1904）v+=1462；
var epoch=Date.parse（v）；
报税表（纪元-新日期（UTC日期（1899、11、30））/（24*60*60*1000）；
}
功能表\u来自\u数组\u中的\u数组（数据、选项）{
var-ws={}；
var range={s:{c:10000000，r:10000000}，e:{c:0，r:0}；
对于（var R=0；R！=data.length；++R）{
对于（var C=0；C！=数据[R]。长度；++C）{
如果（range.s.r>r）range.s.r=r；
如果（range.s.c>c）range.s.c=c；
如果（范围e.r

但是，这里的问题是，我一直在控制台中遇到这样的错误：“'trial.xls'的数据格式不受支持！”（。

---

有什么方法可以使此工作正常吗？

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

您需要生成一个有效的PDF内容，然后将其压缩

编辑：工作JSFIDLE:

---

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

您需要生成一个有效的PDF内容，然后将其压缩

编辑：工作JSFIDLE:

---

嗨，我怎么能做同样的事情呢？有没有在运行中生成PDF然后压缩它的选项？（我曾尝试使用jsPDF生成PDF文件，然后尝试使用jsZIp转换为.zip文件，但也不起作用。）有什么解决办法吗？你需要找到一个js PDF库，它可以将你的PDF导出为“blob”（我认为PDF.js可以）。然后用jszipHi Fefux压缩此内容，是的，这正是我试图做的，请参考我上面的代码编辑。但是运气不好：（嗨，Fefux，谢谢你的解决方案

$(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");
  });
})