Проблема при попытке сжать PDF-файлы в Zip-файл с помощью jsZip

Я использовал cdn для 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.)

сообщение об ошибке при попытке открыть файл PDF

Что я делаю неправильно? Что мне нужно сделать дополнительно? Это привело меня в замешательство! Любая помощь будет оценена по достоинству.

РЕДАКТИРОВАТЬ: - @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» имеют неподдерживаемый формат!» в консоли :(. Есть ли способ заставить это работать?