将二进制流式传输到 PDF - Javascript

Question

请求网络服务后，我得到以下答案（PDF 文件流式传输）

%PDF-1.5
%µµµµ
1 0 obj
<</Type/Catalog/Pages 2 0 R/Lang(en-GB) /StructTreeRoot 10 0 R/MarkInfo<</Marked true>>>>
endobj
2 0 obj
<</Type/Pages/Count 1/Kids[ 3 0 R] >>
endobj
3 0 obj
................. continue .......................

到目前为止，我可以使用 windows.open(application/pdf;base64, url) 生成 pdf 文件。

我真正需要的是将pdf文档保存在存储中！

如何生成带有上述响应的 PDF 文件？

Tks

Answer 1

我在http://dogfeatherdesign.com/ttn_js 的网站上做了一些类似的事情，除了当用户点击打印按钮时，我将从 Canvas 转到 pdf 文件。根据操作系统和浏览器，下载会自动进行。 （注意：Safari 不适合这个。）我正在使用库 html2canvas 和 jsPDF

这是我的代码：

$('#dte_onPrintClick').on('click', function(e) {
        e.preventDefault();
        html2canvas($("#canvas_dte"), {
            onrendered: function(canvas) {
                var imgData = canvas.toDataURL(
                    'image/png');
                var doc = new jsPDF('p', 'mm', paperInfo.paperSize);
                doc.addImage(imgData, 'PNG', 10, 10);
                doc.save('output-file.pdf');
            }
        });
    });

现在显然您正在从 pdf 转换为 pdf，但我猜 doc = new jsPDF(), doc.addXXX, doc.save(filename.pdf) 可能对您有一些好处。

更新： 如果没有关于 pdf 提要的细节，我不太确定如何更有帮助，除了说你想做的事情应该可以在大多数现代浏览器上实现。您可以通过上面列出的 .save() 调用（在许多但不是所有浏览器中）将 pdf 内容保存为没有用户输入的文件。

如果您正在寻找 hack，您可以捕获 pdf 流，将其保存为隐藏 div 中的图像，然后将其转换回 pdf 并执行 doc.save() 函数。您必须添加长时间的延迟以确保提要完成，并填充图像等，但它应该是可行的。

我确实在 jsPDF 库中看到了 putstream() 函数、getBlob() 函数和 getArrayBuffer() 函数，因此很可能其中一个函数可以直接帮助捕获 pdf 并生成存储的文档，所有这些都在通过 JavaScript 飞行。

编辑#2：立即下载，no user interaction jsfiddle page。我真的很惊讶这会这样工作，但就这样吧。我同意，通常文件保存需要用户干预，但这个下载的东西就可以了。坦率地说，我对此也感到惊讶。