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);