0

我在服务器上有一份文件清单。并希望开发一个页面，其中文档列表将在左侧面板/div 中显示为超链接，同时单击链接。右侧面板显示来自服务器的相应 PDF 文档。

任何人都可以帮助我使用 jquery 或 javascript 开发相同的东西吗？

提前致谢

我根据我阅读的一些文章尝试了以下代码脚本：

<script language="javascript" type="text/javascript">

function previewPdf(url, target) 
{

     var div = document.getElementById(target);
     var obj = document.createElement("<embed style='width:939px; height:736px;' frameborder='0' src='" + url +"')></embed>");
     div.appendChild(obj);
}   
</script>

身体 ：

<body style="height: 741px">
    <form id="form1" runat="server">



    <div id="div1" style="float:left; width: 20%; text-align: left; height: 100%; border-width:2px;">
     <button onclick="previewPdf('Documents/Accomodation.pdf','div2')">Accomodation</button>
     <br />
      <button onclick="previewPdf('Documents/Insurance.pdf','div2')">Insurance</button>
     <br />
       <button onclick="previewPdf('Documents/Air Ticket.pdf','div2')">Air Ticket.pdf</button>
     <br />

    </div>

        <div id="div2"  style="float:right;width: 80%; text-align: left; height: 100%; border-color:Maroon">

    </div>


    </form>
</body>

但它不会用内容 [pdf] 替换“div2”。

4

2 回答 2

0

这是用于以 html5 格式显示 pdf 的 javascript。您将需要根据您的要求对其进行编辑。 https://github.com/mozilla/pdf.js

于 2013-04-30T14:10:41.817 回答
0

如果您可以使用 ASP.NET PDF 查看器组件，那么这里是使用 Gnostice PDFOne .NET 的方法。

PDFViewer1.ActiveLicense("your-license-key");
PDFViewer1.LoadDocument(Server.MapPath(".") + "\\App_Data\\sample.pdf");

在此处输入图像描述

免责声明：我为 Gnostice 工作。

于 2015-09-22T05:29:26.953 回答