如何打印base64 pdf?

时间:2015-11-24 18:01:46

标签: javascript jquery pdf

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

我一直在尝试以下方法:

import django
entry_cls = django.apps.apps.get_model('blog', 'entry')  # Case insensitive

可悲的是,这在Chrome中不起作用。我收到以下错误:

  

SecurityError:阻止访问a的原始“xxx”的帧   原点为“null”的框架。请求访问的帧具有协议   在“http”中,被访问的帧具有“数据”协议。   协议必须匹配。

有关如何解决此问题的建议?

3 个答案:

答案 0 :(得分:3)

您可以尝试打开窗口并尝试将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();
    }
});

希望它有所帮助。

答案 1 :(得分:1)

// 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);
}

答案 2 :(得分:0)

您可以使用jspdf来完成此操作

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