HTML中Object网页中预览pdf文件实现步骤、PDF隐藏工具栏_开发资料

网站首页->新闻中心开发资料

HTML中Object网页中预览pdf文件实现步骤、PDF隐藏工具栏

来源：智睿　浏览：685 次　发布时间：2023-10-17 21:18:36

PDFObject是一款在线预览PDF文件的插件，通过该插件我们可以在线浏览PDF文件。那么具体在代码中我们要如何使用该插件呢？

实现步骤：

1、引入PDFObject插件

2、创建一个存放PDF文件的div

3、调用插件并指定PDF文件地址及需要展示的div

完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="pdfid" style="height:500px;"></div>
		<script src="pdfobject.js"></script>
<script>
	if(PDFObject.supportsPDFs){
		// PDF嵌入到网页
		var options = {
			pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0', view: 'FitV',fallbackLink: true}              //禁用工具栏代码
		};
		PDFObject.embed("logo1.pdf", "#pdfid",options);
	} else {
		alert("浏览器不支持");
	}
</script>
	</body>
</html>

PDFObject隐藏工具栏

var options = {
    pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0', view: 'FitV',fallbackLink: true}              //禁用工具栏代码
};

示例代码百度云盘：

链接：https://pan.baidu.com/s/1oi1__Y42DGQisk-fe93v8Q （xzar ）

PDFObject官网地址直通车：https://pdfobject.com/

【刷新页面】【加入收藏】【打印此文】【关闭窗口】

上一篇：局域网打印机突然连接不上/不能打印0x0000011b 正式解决方案（无需卸载补丁）　下一篇：智睿网络投票评选管理系统 V 10.9.8 智睿投票评选系统，H5微信投票系统

返回顶部
137-30664304
在线QQ咨询
智睿微信咨询