带PDF的新标签 - 下载按钮无法在Chrome上运行

时间:2018-06-09 15:34:47

标签: javascript google-chrome pdf download base64

当用户点击某个按钮时,我会向我的服务器发送一个请求,并发回一个pdf base64。

然后我在新标签页中打开它,但 Chrome 预览中的下载按钮不起作用,当我点击它时,没有任何操作。它适用于Firefox。

Chrome预览下载按钮:

Chrome preview download button

定义变量iframeHtml

let iframeHtml = `<iframe
    id="ManualFrame"
    frameborder="0"
    style="border:0; overflow: hidden; margin: 0; height: 100%"
    allowfullscreen>
</iframe>

<script>
setManualFrame();

function setManualFrame() {
  document.getElementById('ManualFrame').setAttribute('height', screen.height);
  document.getElementById('ManualFrame').setAttribute('width', screen.width);
  document.getElementById('ManualFrame').setAttribute('src', "data:application/pdf;base64,${pdfBase64}");
}
</script>`;

然后在新标签中打开它:

let newWindow = window.open();
newWindow.document.write(iframeHtml);

我测试的Chrome版本:
版本: 67.0.3396.79(官方版)(64位)
版本: 66.0.3359.181(官方版)32位

0 个答案:

没有答案