关于页面加载pdf多种方法

本文介绍了三种加载PDF的方法:1) 使用HTML5的iframe标签原生加载,轻量级且渲染速度快;2) 利用pdfobject.js库进行加载,通过引入插件和指定DOM元素实现;3) 使用A标签直接链接,由浏览器打开。此外,补充了pdf.js加载PDF时需注意的CORS限制,它不支持本地文件。
摘要由CSDN通过智能技术生成

1,使用html5标签iframe直接加载pdf内嵌到单签页面中,

<iframe src="name.pdf" style="width:100%;height:100%;border:none;margin-top:10px;">

    </iframe>

 浏览器端显示结果,如上图。

优点,不依赖任何第三方插件库,不需要加载额外的插件,轻量级原生加载,渲染速度体验非常好。

2.使用pdfobject.js加载pdf文件

1.先引入pdf插件库,点击这里可以下载插件

<script src="/plugins/customer/vendor/js/pdfobject.js" type="text/javascript"></script>

2.定义页面dom元素

    <div id="example1"></div>

3.加载PDF文件

	PDFObject.embed(DataUrl, "#example1",options);
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值