这里我们用到一款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