顯示PDF

Question

目前，我有顯示PNG圖像和鏈接到每個圖像的數據庫中的注釋的代碼。 我意識到我也需要對PDF文件執行此操作。

如何編輯當前代碼以顯示PDF文檔而不是PNG圖片？

任何幫助將非常感激。

謝謝，

<!DOCTYPE html>
        <html>
            <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>



        <cfquery datasource="AccessTest" name="qTest">
            SELECT P.Account, P.Image, P.Image_ID, C.Remarks, C.Users, C.Accounts, C.Date_Time
            FROM PictureDB AS P
            INNER JOIN CommentsDB AS C
            ON C.Image_ID = P.Image_ID
            ORDER BY P.Image_ID
        </cfquery>



    <script src="http://code.jquery.com/jquery-2.0.3.js">
    </script>



    <script>
        $(document).ready(function(){
          var images = {
            <cfoutput query="qTest" group="Image_ID">
                "#qTest.Image_ID#": {
                    "image": "#qTest.Image#",
                    "remarks": [
                    <cfoutput>
                        "#qTest.Users#, #qTest.Date_Time# <br> #qTest.Remarks# <br> </br>",
                    </cfoutput>
                    ]
                },
            </cfoutput>
        };
          $("button").click(function(event){
            event.preventDefault();
            var id = $(this).data("id");
            var src = images[id].image;
            var desc = images[id].remarks.toString();

            $("#theImage").attr("src", src).removeClass("hide");
            $("#theDescription").html(desc).removeClass("hide");
            });
        });
    </script>


    </head>

    <body>


    <cfoutput query="qTest" group="Account">
        <button data-id="#qTest.Image_ID#">
            <table width="230">#qTest.Account# </table>
        </button>
    </cfoutput>

    <img id="theImage" class="hide">
    <div id="theDescription" class="hide">
    </div>



    </body>
    </html>

Answer 1

鑒於沒有直接的方式以類似於圖像的方式內聯顯示pdf，您可以考慮以下幾點：

使用cfpdf action = "thumbnail" 將pdf轉換為一系列圖像。
然后，在jquery輪播中將給定pdf的圖像加載以供查看。

使用輪播來包含和顯示“ pdf”頁面時，將獲得與顯示單個圖像以供查看時相似的結果，並且可能使您保留與頁面相似的外觀。

顯示PDF

問題描述

1 個解決方案

解決方案1
4 已采納 2014-01-09 05:07:36

顯示PDF

問題描述

1 個解決方案

解決方案1 4 已采納 2014-01-09 05:07:36

解決方案1
4 已采納 2014-01-09 05:07:36