如何在 HTML 页面中嵌入 PDF?

IT技术 javascript html servlets browser-plugin
2021-03-22 04:38:51

我们希望在通过 servlet 的doGet方法从数据库中检索 PDF 文档后在 HTML 页面中显示它

任何人都可以分享一些关于如何实现这一目标的片段吗?

3个回答

需要使用对象、嵌入或 iframe 标签检索除图像之外的非 html 内容

  1. 框架<iframe src="somepage.pdf"></iframe>
  2. 对象/嵌入<object src="somepage.pdf"><embed src="somepage.pdf"></embed></object>

somepage.pdf 可能是 somepage.jsp?filename=somepage&mimetype=application/pdf

这是一个有趣的链接如何在网页中嵌入 Microsoft Office 或 PDF 文档

这是一个stackoverflow搜索

当我尝试这些时,它开始下载 docx 文件,是因为我不在服务器上(离线),还是我遗漏了什么?
2021-04-27 04:38:51
那么为什么不能使用 iFrame 呢?您可以在加载时将父级的样式表复制并插入到 iframe 中
2021-05-11 04:38:51
不太可能。如果跨域它也将不起作用。如果没有,那么 iframe 应该可以工作。问一个单独的问题
2021-05-12 04:38:51
我需要在子文档中使用来自父文档的内联样式元素。iframe 不允许这样做。这是否适用于嵌入或对象?
2021-05-13 04:38:51
相同的域。但是这个问题已经被问到了,它的答案只提供了使用外部样式表的响应。
2021-05-20 04:38:51

谷歌文档查看器可以处理这个。

尝试

<html>
    <head>
        <style>
            *{margin:0;padding:0}
            html, body {height:100%;width:100%;overflow:hidden}
        </style>
        <meta charset="utf-8">
            <?php
                 $url = $_GET['url'];
             ?>
        <title><?php echo $url; ?></title>
    </head>
    <body>
        <iframe src="http://docs.google.com/viewer?url=<?=urlencode($url)?>&embedded=true"  style="position: absolute;width:100%; height: 100%;border: none;"></iframe>
    </body>
</html>
谢谢,这是我找到并工作的唯一方法。
2021-05-07 04:38:51

如果您正在寻找文档的纯 HTML 版本(用于快速渲染和跨浏览器支持),您可以通过 Docspad。Docspad 有助于将所有不同的流行文档格式嵌入到您的 Web 应用程序中。http://docspad.com

Docspad 已死:“自 2014 年 10 月 19 日起,我们将不再支持 Docspad 服务”
2021-05-14 04:38:51