在 HTML 中嵌入 pdf 文档时跳转到特定页面

问题描述 投票:0回答:3

我正在尝试在 HTML 中嵌入 pdf 文件:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
    <title></title>
</head>
<body leftmargin="0" topmargin="0">

<embed src="mypdffile.pdf#page=9" style="width:595px; height:841px;"></embed>
</body>

根据 PDF SDK https://docs.google.com/viewer?url=http://www.adobe.com/devnet/acrobat/pdfs/pdf_open_parameters_v9.pdf#search=&embedded=true&chrome=true 是打开pdf文档时可以跳转到特定页面。 但它至少在 Mac OS X 上的 Safari 中与 AdobePDFViewer.plugin 不起作用。

我错过了什么吗?

html pdf embed
3个回答
10
投票

您可以使用以下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<object type="application/pdf" data="mypdffile.pdf" width="995" height="841" ></object>
<a href="mypdffile.pdf#page=9">Jump to page 9</a>
</body>
</html>

您可以进一步修改 pdf 文件以及您希望显示/隐藏的内容,在数据上添加属性(根据 adobe 说明)。

例如

data="mypdffile.pdf#navpanes=0&scrollbar=0&toolbar=0&zoom=100


0
投票

您可以使用 Sotiris 在对象标签的数据属性中指定的相同参数,例如要显示直接嵌入第 5 页的 PDF,您必须执行以下操作:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>
    <body>
        <object type="application/pdf" data="mypdffile.pdf#page=5" width="995" height="841" ></object>
            <a href="mypdffile.pdf#page=5">Jump to page 9</a>
    </body>
</html>

© www.soinside.com 2019 - 2024. All rights reserved.