从 BLOB 打印 PDF

Question

我从外部 API 获取 PDF 文件，使用此代码我可以正确下载文件：

var req = new XMLHttpRequest();
    req.open("POST", url, true);
    req.responseType = "blob";
    req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    req.send(data);

    req.onload = function (event) {
       var blob = req.response;
       var link=document.createElement('a');
       link.href=window.URL.createObjectURL(blob);
       link.download="receipt_" + new Date() + ".pdf";
       link.click();
    };

但我真正需要的是在不打开文件的情况下打印文件，我尝试了类似的方法

window.open(window.URL.createObjectURL(blob));
window.print();

但是当这样做时，文件无法正确显示，它显示如下：

PDF-1.7
%����
6 0 obj
<< /Type /Page /Parent 1 0 R /LastModified (D:20201027223421-03'00') ... bla bla

提前致谢！

Answer 1

试试下面的代码以确保 .pdf 文件是正确的。 使用打开的预览验证 pdf。

    <!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MDN Example</title>
<script type="text/javascript">
function closePrint () {
  document.body.removeChild(this.__container__);
}

function setPrint () {
  this.contentWindow.__container__ = this;
  this.contentWindow.onbeforeunload = closePrint;
  this.contentWindow.onafterprint = closePrint;
  this.contentWindow.focus(); // Required for IE
  this.contentWindow.print();
}

function printPage (sURL) {
  var oHiddFrame = document.createElement("iframe");
  oHiddFrame.onload = setPrint;
  oHiddFrame.style.position = "fixed";
  oHiddFrame.style.right = "0";
  oHiddFrame.style.bottom = "0";
  oHiddFrame.style.width = "0";
  oHiddFrame.style.height = "0";
  oHiddFrame.style.border = "0";
  oHiddFrame.src = sURL;
  document.body.appendChild(oHiddFrame);
}
</script>
</head>

<body>
  <!-- <p><span onclick="printPage('externalPage.html');" style="cursor:pointer;text-decoration:underline;color:#0000ff;">Print external page!</span></p> -->
 
</body>
</html>

<script>
 req.onload = function (event) {
   var blob = req.response;
   var link=document.createElement('a');
   let srcPdf =window.URL.createObjectURL(blob);
   printPage(srcPdf)
};

</script>

Answer 2

我已经使用以下方法解决了这个问题：

req.onload = function (event) {
    var blob = new Blob([req.response], {type: 'application/pdf'}); //this make the magic
    var blobURL = URL.createObjectURL(blob);

    iframe =  document.createElement('iframe'); //load content in an iframe to print later
    document.body.appendChild(iframe);

    iframe.style.display = 'none';
    iframe.src = blobURL;
    iframe.onload = function() {
      setTimeout(function() {
        iframe.focus();
        iframe.contentWindow.print();
      }, 1);
    };
};

从 BLOB 打印 PDF

问题描述

2 个解决方案

解决方案1
1 2020-10-28 03:16:00

解决方案2
0 已采纳 2020-10-28 15:35:40

从 BLOB 打印 PDF

问题描述

2 个解决方案

解决方案1 1 2020-10-28 03:16:00

解决方案2 0 已采纳 2020-10-28 15:35:40

解决方案1
1 2020-10-28 03:16:00

解决方案2
0 已采纳 2020-10-28 15:35:40