如何在网页显示pdf内容

在网页只显示pdf的内容，不显示其他的东西

img


上面出来内容还有其他东西，我只想显示内容要怎么办

先出效果

img

是需要这种效果吗，pdf 只单独在页面显示，没有菜单栏，
还是这种效果，按键与lable都不要只显示pdf正文

img

可以参考
https://pdfobject.com/examples/pdfjs-forced.html
这个，将菜单栏去除，以及你不需要显示的去掉，把要显示的内容进行重新渲染即可
按照这个思路去编辑你的html或者调用相应的API实现类似这样大的效果

可使用pdf.js可以快速实现网站pdf，自带打开本地pdf和远程pdf功能，代码完全开源，为firefox开发。
链接地址如下：https://mozilla.github.io/pdf.js/getting_started/#download%E3%80%82
两条小建议：
1，利用php可以实现文件列表功能，或者直接调用pdf.js打开对应pdf文件。
2，修改pdf.js源码，实现按钮增加，或者删除部分不需要的功能按钮。

目前市面上有很多组件，只是单纯的预览可以使用pdf.js aspose 还有一些组件 比如 金格插件、spire.pdf 等等

最简单的方法是使用object标签

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    .pdf-preview {
      width: 100vw;
      height: 100vh;
    }
  </style>
</head>
<body>
  <object class="pdf-preview" data="https://test-jpfile1.oss-cn-shenzhen.aliyuncs.com//Bom/bom/2022/1/19/2022011911370824626513.pdf" type="application/pdf">
    <p>您的浏览器不支持PDFs</p>
    <a href="https://test-jpfile1.oss-cn-shenzhen.aliyuncs.com//Bom/bom/2022/1/19/2022011911370824626513.pdf"></a>
  </object>
</body>
</html>

使用pdf的web前端js自定义预览插件（网上很多） 然后配置把任务栏这些去掉就可以了

在网页中打开展示pdf文件
如有帮助，望采纳
https://blog.csdn.net/weixin_45525272/article/details/125011822

<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%" border="0"><!--IE--> 
      <param name="_Version" value="65539"> 
      <param name="_ExtentX" value="20108"> 
      <param name="_ExtentY" value="10866"> 
      <param name="_StockProps" value="0"> 
      <param name="SRC" value="testing_pdf.pdf"> 
<embed src="testing_pdf.pdf" width="100%" height="800" href="testing_pdf.pdf"></embed><!--FF--> 
</object>