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

标签 javascript vue.js vuejs2 jspdf

我想获取 pdf 文件的内容并在保存之前查看内容,但是当我执行 output(dataurlnewwindow) 函数时,我得到空白页面,但 url 是正确的。当我复制网址并将其粘贴到新选项卡中时,我的 pdf 内容将显示。我看到人们将内容放入 iFrame 中,但我不想这样做。有什么解决办法吗?

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

enter image description here

谢谢。

最佳答案

您是否遇到错误“不允许将顶部框架导航到数据 URL”?

如果是的话,那就是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); 

关于javascript - 为什么我在 jsPdf 输出上得到空白页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50564569/

相关文章:

html - 将插槽传递到 Vue.js 中的插槽

vue.js - Bootstrap 样式优先于自定义 CSS

Vue.js - 无需编译模板的友好语法

javascript - 如何在 vue.js 中单击时切换类?

javascript - Ajax 函数作为 javascript 比较的一部分

javascript - 如何渲染 THREE.Group 始终位于其他项目的前面

javascript - 在 Vue3 组合 API 中让观察者立即工作

javascript - Vue.js - 使用 gulp 编译 .vue 文件

javascript - jQuery.Validate - 如何将错误结果放在不同的地方?

javascript - vuejs2 beforeUpdate 生命周期钩子(Hook)触发两次