如何在html中嵌入pdf文档而不需要复制和打印

时间:2013-02-14 10:25:37

标签: html pdf

我是网络编程的初学者,我的问题是如何在html one division标签中嵌入pdf文档,而pdf我们可以避免复制,打印和下载选项。

以下是我的代码。

<html>
  <head>
    <title>Pdf Document
    </title>
  </head>
  <body>
    hello world!
      <br>
        <div width="500px" height="500px">

          <embed src="myfile.pdf#toolbar=0&navpanes=0&scrollbar=0" width="425" 

            height="425">
          </div>
          <div width="1px"> hello</div>
        </body>
      </html>

1 个答案:

答案 0 :(得分:0)

某些选项可能会对您有所帮助:

首先:

如果您坚持使用pdf嵌入选项,则Pdf文件在网页上看起来不那么好。无论如何,一定要严格编码。因此:

<iframe src="path/to/pdf" width=500 height = 500>

应该是

<iframe src="path/to/pdf" width="500" height="500">

第二

您也可以使用Google PDF查看器来实现此目的。

您需要先将PDF上传到某处,然后才能使用其网址:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true"  style="width:500px; height:500px;" frameborder="0"></iframe>

第三

最佳方法是使用PDF.JS库。它是一个纯HTML5 / JavaScript渲染器,适用于没有任何第三方插件的PDF文档。

在线演示:http://mozilla.github.com/pdf.js/web/viewer.html

GitHub:https://github.com/mozilla/pdf.js

链接:

Recommended way to embed PDF in HTML?

How to embed a PDF file in a web site?