嵌入在 HTML 中的 PDF:用作超链接

Question

我有一个PDF嵌入在HTML页面中（实际上，它是一个ASPX表单）。PDF显示在一个小的"嵌入式"HTML元素中，使其看起来像缩略图。现在，我想将其用作超链接，以完整大小显示相同的PDF。有没有办法使嵌入的PDF充当超链接，还是我要求太多？

以下是相关的HMTL：

<embed id="framePdfPreview" runat="server" width="200" height="255" />

以及动态设置 PDF 的服务器代码：

framePdfPreview.Attributes("src") = myPdfUrl & "#toolbar=0&navpanes=0&scrollbar=0"

Answer 1

小实验，我从未尝试过为此目的用<div>包裹<embed>，但理论上它应该有效：

<div onclick="javascript: window.open('myPdfUrl ','Window Name')">
   <embed id="framePdfPreview" runat="server" width="200" height="255" />
</div>

这有效，100% 测试了除法本身，我只是希望浏览器能将您嵌入的 pdf 识别为<div>的一部分，如果没有，您还可以将除法的高度和宽度调整为 pdf 的相同，以确保"链接"覆盖 pdf 的整个区域。

<div style="width:200px; height:255px" onclick="javascript: window.open('myPdfUrl ','Window Name')">
   <embed id="framePdfPreview" runat="server" width="200" height="255" />
</div>

我们可以尝试在嵌入的PDF上添加一个分区。获取 pdf 的确切位置，并创建一个具有绝对位置以及左侧和顶部值的相同大小的分区，以计算 pdf 位置，添加z-index:9999并将 onclick 属性添加到此新分区。请注意，pdf 位于新div 之外。

    <div style="width:200px; height:255px; z-index:99999; position:absolute; left:?px; top:?px" onclick="javascript: window.open('myPdfUrl ','Window Name')">&nbsp;</div>
    <div id="pdf"><embed id="framePdfPreview" runat="server" width="200" height="255" /></div>