如何打印base64 pdf？

Question

我从要打印的服务器收到一个 base64 pdf。

我一直在尝试以下方法：

$.ajax({
    type: "POST",
    url: url,
    data: blahblahblah,
    success: function(data) {
        var printWindow = window.open( "data:application/pdf;base64, " + data );
        printWindow.print();
    }
});

遗憾的是，这在 Chrome 中不起作用。 我收到以下错误：

SecurityError：阻止了来源为“xxx”的框架访问来源为“null”的框架。 请求访问的帧具有“http”协议，被访问的帧具有“数据”协议。 协议必须匹配。

关于如何解决这个问题的建议？

Answer 1

您可以尝试打开窗口并尝试插入 pdf 数据作为嵌入。

这是我找到并使用得很好的一段代码（我已更改以适合您的代码，但未经过测试）：

    $.ajax({
    type: "POST",
    url: url,
    data: blahblahblah,
    success: function(data) {

        var winparams = 'dependent=yes,locationbar=no,scrollbars=yes,menubar=yes,'+
            'resizable,screenX=50,screenY=50,width=850,height=1050';

        var htmlPop = '<embed width=100% height=100%'
                         + ' type="application/pdf"'
                         + ' src="data:application/pdf;base64,'
                         + escape(data)
                         + '"></embed>'; 

        var printWindow = window.open ("", "PDF", winparams);
        printWindow.document.write (htmlPop);
        printWindow.print();
    }
});

希望能帮助到你。

Answer 2

// open PDF received as Base64 encoded string in new tab
const openPdf = (basePdf) => {
  let byteCharacters = atob(basePdf);
  let byteNumbers = new Array(byteCharacters.length);
  for (let i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
  }
  let byteArray = new Uint8Array(byteNumbers);
  let file = new Blob([byteArray], {type: 'application/pdf;base64'});
  let fileURL = URL.createObjectURL(file);
  window.open(fileURL);
}

Answer 3

你可以使用 jspdf 来做到这一点

var p=new jspdf();
p.addImage(imgData, 'JPEG', 0, 0); // where imageDate contains base64 string