js 前端pdf文件展示预览【插件pdfobject.js】

最新推荐文章于 2024-10-11 07:41:14 发布

shengmeshi

最新推荐文章于 2024-10-11 07:41:14 发布

阅读量474

点赞数 7

文章标签：前端 javascript pdf

本文链接：https://blog.csdn.net/shengmeshi/article/details/140870038

版权

前端展示pdf文件

1、使用插件：pdfobject.js，地址：https://unpkg.com/pdfobject@2.3.0/pdfobject.js
	官网： https://pdfobject.com/api/

展示实例

<div id="pdfCon" style="height: 100vh;width: 100%;"></div>
<script>
	window.onload=()=>{
		//PDFObject.embed(p1, p2, p3)
		//p1: ***.pdf 文档地址， 
		//p2: 渲染文件的元素
		//p3：配置
		/*
		{
			*******
			title: "My embedded PDF",
			pdfOpenParams: {
				view: 'Fit',
				page: '2',
				pagemode: "thumbs",
				toolbar: 0,
				navpanes: 0,
				statesbar: 0,
				view: 'FitV',
			},
			fallbackLink: false,
		}
		*/
		PDFObject.embed('./***.pdf', "#pdfCon", {});
	}
</script>