使用javascript跳转到PDF.js中的页面

Question

我试图使用PDF.js＆＃39; viewer在页面上显示pdf文件。

我已经把一切都搞定了，但我希望能够跳到'＃39; pdf中的特定页面。我知道您可以使用网址设置页面，但如果可能的话，我想在javascript中执行此操作。

我注意到全局范围内有一个PDFJS对象，似乎我应该可以访问那里的页面设置，但它是一个相当庞大的对象。有谁知道怎么做？

Answer 1

您可以通过JavaScript设置页面：

var desiredPage = [the page you want];
PDFViewerApplication.page = desiredPage;

此处有一个事件处理程序，UI将相应调整。您可能希望确保这不会超出范围：

function goToPage(desiredPage){
    var numPages = PDFViewerApplication.pagesCount;
    if((desiredPage > numPages) || (desiredPage < 1)){
        return;
    }
    PDFViewerApplication.page = desiredPage;
}

Answer 2

如果Pdf显示在iframe中，并且您想导航到页面，则使用以下代码。 “ docIfram”是iframe代码ID。

document.getElementById("docIframe").contentWindow.PDFViewerApplication.page=2

Answer 3

就我而言，我是在iframe中加载pdf文件的，所以我不得不以其他方式处理它。

function goToPage(desiredPage){
var frame_1 = window.frames["iframe-name"];
var frameObject = document.getElementById("iframe-id").contentWindow;
frameObject.PDFViewerApplication.page = desired page;
}