正在加载中...

关闭
请选择需要拨打的号码

信息详页

返回
HTML中Object网页中预览pdf文件实现步骤、PDF隐藏工具栏
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/