JavaWeb:在瀏覽器預覽PDF的方法,超級簡單

用PDFjs預覽pdf文件,簡單實用


PDF.js是一款基於HTML5建立的PDF閱讀器,兼容大部分主流的瀏覽器,使用起來,也異常的暴力簡單(主要是因爲看不懂源碼,只知道在使用時加個參數就好了尷尬)。

使用的步驟:
1.建立一個web工程,把PDF.js丟進去
PDF.js 可以在官網上下載:http://mozilla.github.io/pdf.js/
也可以在我的項目中複製出來


2.在HTML文件下編寫JavaScript代碼:


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" onclick="openPDF()" value="點我"/>
<script>
    function openPDF(){
        var url="/pdfjsDemo/demo.pdf";
        window.open("pdfjs/web/viewer.html?file="+url);
    }
</script>
</body>
</html>

3.演示:


4.PDFjs文件目錄:
├── LICENSE
├── build/
│   ├── pdf.js                             - display layer
│   └── pdf.worker.js                      - core layer
└── web/
    ├── cmaps/                             - character maps(required by core)
    ├── compatibility.js                   - polyfills for missing features
    ├── compressed.tracemonkey-pldi-09.pdf - test pdf
    ├── debugger.js                        - helpful pdf debugging features
    ├── images/                            - images for the viewer and annotation icons
    ├── l10n.js                            - localization
    ├── locale/                            - translation files
    ├── viewer.css                         - viewer style sheet
    ├── viewer.html                        - viewer html
    └── viewer.js                          - viewer layer
如果不去改源碼的話,我們只需要用到viewer.html一個文件

5.源碼下載地址:
我用是idea創建的項目,idea可以直接導入,如果是eclipse,自己建個web項目,然後把web下文件複製下哈
http://download.csdn.net/detail/u014701246/9901064
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章