如何将Blob传递给PDF.js中的viewer.js，以及如何在单独的窗口中显示pdf [英] How to pass blob to the viewer.js in PDF.js and how to display pdf in separate window

问题描述

我已将pdf加载到画布中，但无法将其传递给PDF.js中的viewer.js. 示例仅显示了如何传递给画布而不传递给viewer.js，我想在其他窗口中加载pdf

I have loaded the pdf in canvas but unable to pass it to viewer.js in PDF.js. Examples only show how to pass to canvas not to viewer.js and i want to load the pdf in different window

推荐答案

花了整整一天的时间才能使pdf.js viewer.html正常工作.

It took me an entire day to get pdf.js viewer.html working.

这就是我能够使用pdf.js viewer.html渲染解码的base64数据的方式

This is how I am able to render decoded base64 data using pdf.js viewer.html

(添加pdf.js包括在内)

(Add pdf.js includes)

1. 将iFrame添加到您的html页面.

这是我的.我使用PHP.

Here's mine. I use PHP.

<iframe id="pdfViewer" src="<?php echo get_stylesheet_directory_uri() . '/includes/pdfjs/web/viewer.html'?>" style="width: 100%; height: 515px;" allowfullscreen="" webkitallowfullscreen=""></iframe>

1. 接下来，使用Javascript获取iframe并按如下所示设置解码后的数据

1. Next, get your iframe in Javascript and set the decoded data as shown

 // data is already decoded from base64 in previous steps
 var pdfjsframe = document.getElementById('pdfViewer');
 pdfjsframe.contentWindow.PDFViewerApplication.open(data);

就是这样！

这篇关于如何将Blob传递给PDF.js中的viewer.js，以及如何在单独的窗口中显示pdf的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！