在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
- 在html页面显示pdf,实现pdf的预览和下载
- PDF的显示和预览
- js实现html页面转为pdf下载
- html页面转成PDF,PDF下载
- 动态生成的html页面转pdf并且打印预览
- 【教程】PDF组件Spire.PDF 教程:在C#中显示PDF文件的打印预览
- 实现PDF转换HTML页面的操作方法
- jasperReport实现页面嵌套pdf预览
- 如何实现页面在线预览PDF文档
- 通过url在webview中加载显示word和pdf的在线预览
- PDF在线预览下载
- iOS开发 pdf文档显示和预览
- 在html页面中展示pdf文件,实现在线阅读
- html中实现添加水印的功能 / 在jsp页面上直接打开PDF文件
- 浏览器实现PDF预览
- 浏览器实现PDF预览
- Android实现pdf预览
- 在页面上显示后台回传的PDF文件
- JS屏蔽Backspace跳转网页
- linux之let用法
- 设计模式--策略模式
- hdu2202 最大三角形(旋转卡壳)
- Spring boot VO字段设置后台传入前台日期格式
- 在html页面显示pdf,实现pdf的预览和下载
- 二叉树的非递归的实现
- Python三级菜单大概思路
- easy ui 回车换输入焦点
- django如何解决Ajax跨域访问问题?
- iOS中arc的设置与使用-fobjc-arc或者-fno-objc-arc
- MobiCom 2016 conference - SEEM
- 简单的安卓音乐播放器-2.0版本可联网搜索、下载
- Memcached之——Memcached与Spring提供的cache接口整合