pdfobject (前台展示PDF插件)

官网：https://pdfobject.com/

下载地址：https://github.com/pipwerks/PDFObject/

首先html 

<script type="text/javascript"  src="路径"></script>

然后找一个div 展示PDF 

<div class="layui-col-sm7 layui-col-md7 layui-col-lg7">
       <div id="demo" style="height: 800px; line-height: 162px;text-align: center;"></div>
</div>

接下来是js

PDFObject.embed("文件路径"+encodeURI(文件名)+".pdf","#demo");

 ## 不显示头部工具栏

var options = {
        pdfOpenParams: {
            pagemode: "thumbs",
            toolbar: 0,
            navpanes: 0,
            statesbar: 0,
            view: 'FitV'
        }
    }

PDFObject.embed("文件路径","#demo",options);

##遮罩 仅供参考

<div class="layui-layer-shade" id="layui-layer-shade100001" times="100001" style="z-index:999; background-color:#000; "></div>