使用Javascript，HTML5，AngularJS从浏览器打印嵌入式PDF

一尘不染

使用Javascript，HTML5，AngularJS从浏览器打印嵌入式PDF

angularjs

我正在将Base64编码的PDF作为字符串从服务器加载到我的JavaScript中。我的客户端应用程序正在使用AngularJS，HTML5。

我的HTML看起来像这样：

<div id="printablePdfContainer">
  <iframe id="printablePdf" width="100%" height="100%"></iframe>
</div>

我的JavaScript如下所示：

var pdfName = 'data:application/pdf;base64,' + data[0].PrintImage;
var embeddedPdf = document.getElementById('printablePdf');
embeddedPdf.setAttribute('src', pdfName);
$scope.printDocument(embeddedPdf);

我的printDocument函数如下所示：

$scope.printDocument = function() {
      var test = document.getElementById('printablePdf');
      if (typeof document.getElementById('printablePdf').print === 'undefined') {

        setTimeout(function(){$scope.printDocument();}, 1000);

      } else {

        var x = document.getElementById('printablePdf');
        x.print();
      }
    };

该printDocument功能取自堆栈溢出中的一个预先存在的问题，这是打印嵌入式PDF的答案。但是，这似乎不再起作用。我总是对“不确定”

typeof document.getElementById('printablePdf').print === 'undefined'

检查。似乎.print不存在。

因此，我的问题是：如何在不打开弹出窗口的情况下使用JavaScript在HTML5中打印嵌入式PDF？

阅读 246

2020-07-04

共1个答案

一尘不染

经过大量研究之后，我将把我在这里学到的东西发布给将来可能会发现的人。

根据浏览器，浏览器版本，浏览器配置和操作系统，PDF的显示方式有所不同。有很多变量，所以在这里我将讨论最常见的情况。

在所有浏览器上，我无法通过Java脚本调用任何形式的print（）方法，而我只能使用PdfActions。OPENACTION将调用print。我使用iText将它们嵌入到PDF中。
Chrome使用Adobe的查看器，该查看器无法访问任何形式的print（）方法，但会执行嵌入在PDF中的PdfAction。因此，您可以在任何查看那些动作的应用程序中打开“ OpenAction”到PDF中，并在每次打开PDF调用时进行打印。
Firefox（一定版本之上，尽管是所有最新版本）使用Windows中的Adobe查看器，该查看器也可以识别PdfAction。但是，在OSX中，它失去了对Adobe Viewer的支持，并切换到Firefox Viewer（pdf.js）中的烘焙版本。哪个不支持PdfActions。
IE：我并没有对IE进行太多测试。主要是因为在Firefox在OSX上无法使用之后，我放弃了从Javascript打印PDF（对我来说是一项要求）。

我的PDF是由我控制的服务器生成的，因此最终我在服务器中进行了服务更改，并添加了get
PNG服务，该服务基于与PDF生成所使用的相同标记生成了PNG。浏览器处理的图像要比我知道的要好得多的PDF，但是希望我能够重新使用PDF生成服务，因为它已在我的代码的其他地方使用。

它没有回答问题，但它是我所拥有的全部信息。我对以后可能会发现它的任何人的建议是：如果可能的话，放弃PDF并简化操作。否则，如果您知道如何在OSX的FF预览pdf查看器中通过Javascript调用print（），请更新此问题。

2020-07-04