在html页面显示pdf,实现pdf的预览和下载

来源:互联网 发布:知我药妆网假货多吗 编辑:程序博客网 时间:2024/06/05 22:51

这里我们用到一款jquery插件:PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。具体的介绍可以百度,这里就介绍这款插件的用法,这款插件操作简单功能强大,只需下载一个PDFObject.js就行了。

1:第一步,网上下载PDFObject.js文件

2:在需要展示的html页面加上

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/pdfobject.js"></script>

<script type="text/javascript">
    window.onload = function() {

        PDFObject.embed("${pageContext.request.contextPath}/upload/20160922000004.pdf", "#pdf");
    };
</script>

前面的是pdf所在的路径,后面的是放在div里面的id

3:<body>
        <div id="pdf"></div>
</body>

至此就解决了预览问题,该款插件可以放大翻页什么的,也可以下载打印下面是截图:

说明:该插件不支持IE

0 0
原创粉丝点击