错误：

 Uncaught SecurityError: Blocked a frame with origin "https://secure.domain.com" from accessing a frame with origin "https://cdn.domain.com". Protocols, domains, and ports must match.

代码：

 var iframe = $('<iframe src="'+url+'" style="display:none"></iframe>').appendTo($('#main')).load(function(){
    iframe.get(0).contentWindow.print();
});

原文由 clarkk 发布，翻译遵循 CC BY-SA 4.0 许可协议

javascript

阅读 2.2k

2 个回答

得票最新

社区维基

发布于
2022-12-15

✓ 已被采纳

您处理的错误与跨域保护和同源策略有关。

在您的情况下，如果您将此 iframe 嵌套在我们可以称为代理 iframe 的另一个本地 iframe 中，则可以打印跨域 iframe。

由于代理 iframe 是本地的并且具有相同的来源，因此您可以毫无问题地打印它，它还会打印跨域 iframe。

请参阅下面的示例：

index.html（容器）

 $(function() {
  var url = 'proxy.html'; // We're not loading the PDF but a proxy which will load the PDF in another iframe.

  var iframe = $('<iframe src="' + url + '"></iframe>').appendTo($('#main'));

  iframe.on('load', function(){
    iframe.get(0).contentWindow.print();
  });
});

proxy.html（代理）

 <body>
  <iframe src="http://ANOTHER_DOMAIN/PDF_NAME.pdf"></iframe>
</body>

使用此解决方案，您不再有跨域问题，您可以使用 print() 函数。您唯一需要处理的是一种将 PDF url 从容器传递到代理的方法，以及一种检测带有 PDF 的 iframe 何时实际加载的方法，但这取决于您使用的解决方案/语言。

原文由 HiDeoo 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基

发布于
2022-12-15

我需要打印通过 data:application/pdf;base64,… iframe 嵌入的 PDF，我遇到了同样的跨域问题。

解决方案是将我拥有的 Base64 内容转换为 blob ，然后使用将 blob 的对象 URL 放入 iframe src 。这样做之后，我能够打印那个 iframe。

我知道不鼓励仅链接的答案，但将别人的答案复制到我自己的答案中也感觉不对。

原文由 ᴍᴇʜᴏᴠ 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

通过 iframe 打印 pdf（跨域）

错误：

代码：

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

git提交记录问题？

怎么获取动态弹出对话框的模拟单击？

什么是闭包？闭包有哪些应用场景？

求一个能输入需求就可以写出代码的网站，支持一键部署？

Stack Overflow 翻译