使用jsZIP下载多个pdfmake文件

如何解决使用jsZIP下载多个pdfmake文件

我在django项目中使用PDFmake生成pdf文件。我想使用一个按钮单击下载多个文件。这就是为什么我计划使用jsZIP以zip格式下载所有文件的原因。

function downloadAllPayslip(){
      var employeeIdLst = getSelectedPayslipEmployeeIds();
      $.ajax({
        type: 'GET',url: '{% url "salary:ajax-download-all-payslip" %}',data: {
            'month': dateVar.getMonth()+1,// number
            'year': dateVar.getFullYear(),'employee_id_lst': JSON.stringify(employeeIdLst),},dataType: 'json',success: function (data) {
          var lastDay = new Date(dateVar.getFullYear(),dateVar.getMonth() + 1,0);
          var lastDayStr = lastDay.toString("MM/dd/yyyy");
          var lastDayStrSplit = lastDayStr.split("/");
          var monthName = months[parseInt(lastDayStrSplit[0]) - 1];
          var monthNameS = monthName.slice(0,3);
          var year = lastDayStrSplit[2];
          var day = lastDayStrSplit[1];
          var zip = new JSZip();
          var bufferPDFList = [];
          var docDefinitionArr = [];
          var docDefinitionBufferArr = [];
          var content;
          var dataPDF;
          var nameArr = [];
          for (var i = 0; i < data.length; i++) {
            // Employee info
            var dailyStartTime = moment(data[i].daily_start_time,'HH:mm:ss').format('h:mm A');
            var dailyExitTime = moment(data[i].daily_exit_time,'HH:mm:ss').format('h:mm A');

            var employeeId = data[i].e_id;

            var employeeName = data[i].name;
            nameArr.push(employeeName);
            var employeeType = data[i].type;
            var employeeDesignation = data[i].designation;
            var employeeDepartment = data[i].department;
            var employeeJoinDate = data[i].join_date;
            var weekends = data[i].weekends;
            var shift = dailyStartTime + ' - ' + dailyExitTime;
            var breakDuration = data[i].break_duration;

            var leaveBalanceDict = data[i].leave_balance_dict;
            var leaveDataDict = []
            for (var leaveType in leaveBalanceDict) {
              var leaveDict = leaveBalanceDict[leaveType];
              var total = leaveDict.total;
              var taken = leaveDict.taken;
              var accrued = leaveDict.accrued;
              var remained = accrued - taken;
              leaveDataDict.push({
                'Leave Types': leaveType,'Leave Entitled(days)': total,'Leave Taken(days)': taken,'Leave Accrued(days)': accrued,'Leave Remained(days)': remained
              })
            }


            // Salary details
            if (data[i].is_overtime) {
              var overtimeAddition = data[i].overtime_addition + ' (+' + formatHHMM(data[i].overtime_hour) + ')';
            }
            else {
              var overtimeAddition = 'N/A';
            }

            var basicPay = data[i].basic_salary;
            var overtimePay = overtimeAddition;
            var lessWorkDeduction = data[i].less_work_deduction + "(" + formatHHMM(data[i].work_hour_deficit) + ")"
            var unpaidLeaveDeduction = data[i].unpaid_leave_deduction + "(" + data[i].unpaid_leave_count + "days)"
            var additionalPay = data[i].salary_addition;
            var totalPay = data[i].total_salary;
            var taxDeduction = data[i].tax_deduction+ "(" + data[i].percent_tax + "%)";
            var netSalary = data[i].net_salary;
            var comment = data[i].comment;

            var companyName = '{{ company_name }}'
            // Generate pdf
            var docDefinition = {
              footer: function(currentPage,pageCount) {
                return {
                  columns: [
                    {
                      text: currentPage.toString() + ' of ' + pageCount,alignment: 'center'
                    }
                  ]
                };
              },pageSize: 'A4',pageMargins: [40,80,40,60],content: [
                { text: companyName,style: 'header',alignment: 'center' },{ lineHeight: 2,text: 'Pay Slip',fontSize: 15,text: 'Pay Period: 01 ' + monthNameS + ' ' + year + ' - ' + day + ' ' + monthNameS + ' ' + year,fontSize: 12,alignment: 'center',bold: true },{ text: 'Employee Information',style: 'subheader'},{
                  columns: [
                    {
                      width: 120,fontSize: 10,text: 'Employee Name\n' +
                            'Employee ID\n' +
                            'Employee Type\n'+
                            'Designation'
                    },{
                      width: 155,text: ':  ' + employeeName + '\n' +
                            ':  ' + employeeId + '\n' +
                            ':  ' + employeeType + '\n' +
                            ':  ' + employeeDesignation + '\n'
                    },{
                      width: 120,text: 'Department\n' +
                            'Join Date\n' +
                            'Weekends\n' +
                            'Shift'
                    },text: ':  ' + employeeDepartment + '\n' +
                            ':  ' + employeeJoinDate + '\n' +
                            ':  ' + weekends + '\n' +
                            ':  ' + shift + '\n' +
                            '  (Break: '  + breakDuration + 'min)'
                    }
                  ]
                },{ text: 'Leave Information',{
                  columns: [
                    { width: 20,text: '' },table(leaveDataDict,['Leave Types','Leave Entitled(days)','Leave Taken(days)','Leave Accrued(days)','Leave Remained(days)']),]
                },{ text: 'Salary Information',{
                  style: 'table',table: {
                    body: [
                      ['Basic','Overtime','Additional','Unpaid Leave Deduction','Less Work Deduction','Total Pay','Tax Deduction','Net pay'],[basicPay,overtimePay,additionalPay,unpaidLeaveDeduction,lessWorkDeduction,totalPay,taxDeduction,netSalary]
                    ]
                  }
                },],styles: {
                header: {
                  fontSize: 18,bold: true,margin: [0,10]
                },subheader: {
                  fontSize: 15,10,5]
                },tableHeader: {
                  bold: true,fontSize: 13,color: 'black'
                },table: {
                  fontSize: 9,5,15]
                },}
            pdfFilename = 'Payslip-' + employeeName + '-' + monthNameS + year + '.pdf'
              // pdfMake.createPdf(docDefinition).download('Payslip-' + employeeName + '-' + monthNameS + year,window);
              pdfMake.createPdf(docDefinition).getBase64(function(data) {
                zip.file(pdfFilename,data);
                // var content = zip.generate();
                // location.href="data:application/zip;base64,"+content;
              });
          }
          console.log(zip);
          var content = zip.generate();
          location.href="data:application/zip;base64,"+content;
          
        }
      });
    }

这是我的代码。我遍历所有数据以生成多个pdf。然后将pdf传递给jsZIP。但是zip文件一直都返回空。

这是在jsZIP中下载多个pdf的正确方法吗？