html预览pdf文件

 我用的是点击图片弹出layer弹窗，嵌入embed标签即可，具体代码如下：

<button class="layui-btn layui-btn-normal layui-btn-sm show-pdf" data-pdf_href="{$info.pdf_file_url}">点击查看</button>

<script>
$('.show-pdf').click(function () {
            that = $(this);
            pdf_href = $(this).attr('data-pdf_href');
            layer.open({
                type: 1,
                title: false,
                closeBtn: 1,
                area: ['80%','80%'],
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: '<embed src="'+pdf_href+'" type="application/pdf" width="100%" height="720px">'
            });
        });
</script>