【问题标题】:Is there any way to embed a pdf file into an html5 page?有没有办法将 pdf 文件嵌入到 html5 页面中?
【发布时间】:2011-03-08 00:00:11
【问题描述】:

我想要一个用 HTML5 编码的网页,并且我希望能够将一个 pdf 文件放到这个页面上,这样您就可以查看它,而无需单击任何链接来单独下载它。有人知道怎么做吗? 我希望它也保留 pdf 文件的文本、图像和布局。如果不是这种情况,我只会使用图像。谢谢!

编辑:这将有望进入 ipad。所以它不会支持adobe。我需要找到一种方法,以某种方式使 pdf 文件显示在 html5 页面中,而无需使用查看器。我想保留它的所有层。当它在页面上时,它不必保留一个 pdf 文件,我只需要找到一种方法将所有这些层转移到那里,而不必为每个图像、段落等使用 div 手动执行此操作。

【问题讨论】:

标签: ios html pdf


【解决方案1】:

我认为如果不使用 Flash,这是不可能的。相反,您可能希望将 PDF 转换为可由浏览器呈现的不同格式(例如 HTML)。有一些工具可以从命令行执行此操作,因此在您的站点上编写脚本来执行此操作不会太困难。

【讨论】:

    【解决方案2】:

    你可以像这样使用嵌入标签:

    <embed src="/path/to/your/file.pdf" />
    

    【讨论】:

    • 这有点用,但效果不好。您需要指定宽度/高度,但这仅控制容器,PDF 不会缩放以填充该区域。
    • 您可以像这样使 pdf 适合:
    【解决方案3】:

    也许您可以将 pdf 转换为服务器上的图像并显示图像而不是原始 pdf。据我所知,Apache pdfbox 可以用来做这样的转换。

    【讨论】:

      【解决方案4】:

      有点晚了,也许 issuu 很快就会修复它,但现在您可以使用 iframe 嵌入 issuu.com,并且您的杂志地址以 ?mode=mobile 结尾。在 ipad 中测试:

      <iframe width="850px" height="580px" src="http://www.issuu.com/your_username/docs/your_magazine_name?mode=mobile" frameborder="0" allowfullscreen></iframe>
      

      我希望在桌面上加载相同的移动版本,这样就没有广告了。如果你知道如何让浏览器认为它是 ipad,请告诉我。

      【讨论】:

        【解决方案5】:

        此代码将直接在网页中嵌入 pdf 查看器

        <object data="path to pdf " type="application/pdf" width="100" height="100">
          <p>Alternative text - include a link <a href="path to pdf">to the PDF!</a></p>
        </object>
        

        【讨论】:

          【解决方案6】:

          如果您使用的是 ASP.NET,您可能会对this link 感兴趣。

          基于浏览器的 PDF 查看和编辑 完全托管在您的服务器上, activePDF Portal 是一个 ASP.NET WebControl 使您的用户能够 交互式查看和修改 PDF 来自任何来源的文档 - 添加 cmets、表单域、书签和 更多——直接来自一个标准 网络浏览器,无需任何 客户端软件,例如 Adob​​e Reader 或 Flash,或使用 ActiveX 控制。 - http://portal.activepdf.com/

          【讨论】:

            【解决方案7】:

            PDFObject 看起来很有希望,但目前它不适用于 iPad。

            【讨论】:

            • 不要认为这适用于 WinRT,因为 github 中的 pdfobject.js 文件似乎假定 WinRT 不允许的 ActiveXObject
            猜你喜欢
            • 1970-01-01
            • 2012-02-22
            • 2023-01-22
            • 2018-05-08
            • 2012-09-29
            • 2018-07-26
            • 2021-12-24
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多