原创著作,产权保护 政府、投票、评选、公安、学校、问卷、视频会议专注发展中小企事业 系统报价 | 支付帐号 | 授权查证
    计算机著作版权登记号:2014SR032463 手机:+86-1373066-4304 | QQ:1213920482 欢迎选择智睿软件系统 欢迎选择智睿软件系统
智睿软件系统
HTML中Object网页中预览pdf文件实现步骤、PDF隐藏工具栏
来源:智睿 浏览:1168 次 发布时间: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微信投票系统