为什么我在jsPdf输出上得到空白页?

时间:2018-05-28 10:44:31

标签: javascript vue.js vuejs2 jspdf

我想获取pdf文件的内容并在保存之前查看内容但是当我执行output(dataurlnewwindow)功能时我得到空白页面,但网址是正确的。当我复制网址并将其粘贴到新标签页时,我的pdf内容将会显示。我看到人们把内容放在iFrame但我不想这样做。那有什么解决方案吗?

这是我的空白页面,其中包含网址。

enter image description here

感谢。

1 个答案:

答案 0 :(得分:1)

您是否有错误'不允许将顶部框架导航到数据网址'?

如果是,那是Google Chrome problem,您可能希望在iframe中执行此操作:

var doc = new jsPDF();

  function openDataIframe(url) {
    var html = '<html>' +
      '<style>html, body { padding: 0; margin: 0; } iframe { width: 100%; height: 100%; border: 0;}  </style>' +
      '<body>' +
      '<iframe src="' + url + '"></iframe>' +
      '</body></html>';
    a = window.open()
    a.document.write(html)
  }


a = doc.output('datauristring'); 

openDataIframe(a);