Dean's blog

在H5中，使用pdf.js，可以不借助浏览器插件，即可实现对PDF文件的浏览。

pdf.js：https://github.com/mozilla/pdf.js

使用pdf.js还是很简单的，在pdf.js中找到以下三个参数：

配置好，基本就OK了。

使用时，pdf.js默认打开URL中的file参数指定的文件，当前不希望这样里，可以再进行指定：

自己指定文件地址时，可以找到Viewer.js的6864行：

var file = 'file' in params ? params.file : DEFAULT_URL;

调整DEFAULT_URL的值就可以了。

PDF.js提供了强大的PDF文件浏览功能，可以实现放大、缩小、查找等，同时也提供了事件给我们IT狗使用，比如：转换完成(mainContainer.transitionend)、侧边栏切换(sidebarToggle.click)、查看缩略图(viewThumbnail.click)、向前翻页(previous.click)、向后翻页(next.click)、翻页事件(window.pagechange)等，如我们要跟踪当前PDF是后阅读到最后一页，可以这样：

window.addEventListener('pagechange', function pagechange(evt) {
        var page = evt.pageNumber;
        var numPages = PDFViewerApplication.pagesCount;

        if (page <= 1) alert("当前是第一页");
        else if (page >= numPages) alert("当前是最后一页");
        else alert("当前是第"+ page +"页");
    });

演示：http://www.mirthsoft.com/demos/h5/pdf/viewer.html

DEMO:http://www.mirthsoft.com/demos/h5/pdf/pdf.zip