HTML5在線預覽PDF格式的代碼是什么-創(chuàng)新互聯(lián)

這篇文章運用簡單易懂的例子給大家介紹HTML5在線預覽PDF格式的代碼是什么，代碼非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供民豐網站建設、民豐做網站、民豐網站設計、民豐網站制作等企業(yè)網站建設、網頁設計與制作、民豐企業(yè)網站模板建站服務，十年民豐做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

簡介

PDF.js is a Portable Document Format (PDF) viewer that is built with HTML5.

PDF.js is community-driven and supported by Mozilla Labs. Our goal is to create a general-purpose, web standards-based platform for parsing and rendering PDFs.

開源地址：https://github.com/mozilla/pdf.js

下載后不能直接使用，需要重新構建，不熟悉將會非常麻煩

構建好的程序包：build_jb51.rar

示例

引用文件，直接復制下文可以直接使用

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>課程詳情</title>
    <style type="text/css">
    </style>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/plugins/pdfjs/pdf.js"></script>
    <script src="~/Scripts/plugins/pdfjs/pdf.worker.js"></script>
    <script type="text/javascript">
        var var_filepath = decodeURIComponent("@filepath");//不能跨域
        var var_win_height = $(window).height();

        $(document).ready(function () {
            resetPlayerSize(); 
        });

        $(window).resize(function () {
            resetPlayerSize();
        });

        function resetPlayerSize() {
            var_win_height = $(window).height();
            $(".tmPlayer").css({ "height": var_win_height + "px" });
        } 
    </script>
</head>

<body style="margin: 0;overflow: hidden"> 
    <p id="tmPlayer" class="tmPlayer" style="height: 557px; width: 100%; height: 100%"></p>

    <script type="text/javascript">
        $('.tmPlayer').html('<iframe frameBorder="0" scrolling="no" src="/Scripts/plugins/pdfjs/generic/web/viewer.html?file=' +
            var_filepath +
            '" style="width:100%; height:100%;"></iframe>');
    </script>

</body>
</html>

關于HTML5在線預覽PDF格式的代碼是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網頁題目：HTML5在線預覽PDF格式的代碼是什么-創(chuàng)新互聯(lián)
文章網址：http://vcdvsql.cn/article46/dsppeg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供Google、網站營銷、小程序開發(fā)、動態(tài)網站、網頁設計公司、企業(yè)建站

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

HTML5在線預覽PDF格式的代碼是什么-創(chuàng)新互聯(lián)