在新的浏览器全窗口中打开PDF

2021/01/17 12:51 · jquery ·  · 0评论

如何在新的浏览器窗口中打开PDF文档?

窗口应该是完整的,没有菜单。

干净的全窗口中只有一个PDF文档,带有本机Javascript或jQuery。

<a href="#" onclick="window.open('MyPDF.pdf', '_blank', 'fullscreen=yes'); return false;">MyPDF</a>

上面的链接将以全屏模式打开PDF,这是您可以实现的最佳效果。

var pdf = MyPdf.pdf;
window.open(pdf);

这将在一个完整的窗口中从打开PDF文档 JavaScript

打开窗口的功能如下所示:

function openPDF(pdf){
  window.open(pdf);
  return false;
}

我将在这里碰碰运气,并为此提出建议。我怀疑想要查看您的PDF的人已经使他们的查看者按照他们想要的方式进行了设置,并且不会对您产生好感,他们会选择这种方式:-)

为什么不仅仅使用正确的内容说明符来流化内容呢?

这样,新手将获得他们的浏览器开发人员有用的默认设置,而我们中那些知道如何配置这些内容的人将按照我们的意愿看到它。

要从Base64编码中执行此操作可以使用以下函数:

function base64ToArrayBuffer(data) {
  const bString = window.atob(data);
  const bLength = bString.length;
  const bytes = new Uint8Array(bLength);
  for (let i = 0; i < bLength; i++) {
      bytes[i] = bString.charCodeAt(i);
  }
  return bytes;
}
function base64toPDF(base64EncodedData, fileName = 'file') {
  const bufferArray = base64ToArrayBuffer(base64EncodedData);
  const blobStore = new Blob([bufferArray], { type: 'application/pdf' });
  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
      window.navigator.msSaveOrOpenBlob(blobStore);
      return;
  }
  const data = window.URL.createObjectURL(blobStore);
  const link = document.createElement('a');
  document.body.appendChild(link);
  link.href = data;
  link.download = `${fileName}.pdf`;
  link.click();
  window.URL.revokeObjectURL(data);
  link.remove();
}
本文地址:http://jquery.askforanswer.com/zaixindeliulanqiquanchuangkouzhongdakaipdf.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!