在页面显示PDF文件

最新推荐文章于 2025-04-12 08:15:16 发布

原创最新推荐文章于 2025-04-12 08:15:16 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

这篇博客介绍了如何在网页上预览PDF文件。通过引入`pdfobject.js`库，结合简单的HTML和JavaScript代码，可以将指定路径的PDF文件（如`001.pdf`）嵌入到页面的`#example1`div中，实现文件的在线预览功能。

在页面显示PDF文件

1、引入js文件
在这里插入图片描述
2、显示PDF文件，页面代码

<div id="all">
	<p align="center" style="padding-top:15px;font-size:20px;font-weight:bold;letter-spacing: 6px;">文件预览</p>
	<hr>
		<div id="example1"></div>
	<hr>
</div>
	
<script src="examples/js/app.js"></script>
<script src="examples/js/pdfobject.js"></script>
<script>
	PDFObject.embed("/files/001.pdf", "#example1");//文件路径
</script>