Question

我在服务器上有一份文件清单。并希望开发一个页面，其中文档列表将显示为左侧面板/ 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'。

Answer 1

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

Answer 2

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

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

免责声明：我为Gnostice工作。

Asp.Net中的PDF查看器

2 个答案: