效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
本项目Demo使用了PDF.js插件实现PDF在线阅读功能PDF.js插件下载地址 实测能用 创建SpringBoot项目,目录结构如下: 进行项目配置: pom.xml: PDFApplication.java IndexController.java index.html 运行结果效果图: ...
2019-12-27 15:07 0 3772 推荐指数:
效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
1.引入两个主要js文件 <script src="../js/pdf.js"></script> <script src="../js/pdf.worker.js"></script> 2.主要js代码 ...
最近项目要求pdf和word可以在线预览功能,pc端还好解决,但是微信端就有点坑了,pc端原来的思路是将文件转成base64,然后用html格式显示 ,但是微信端不支持, 这种方式就pass掉了,谷歌本来就支持pdf预览的,用pdf.js就可以移动端和pc端在线预览,后来就干脆把所有的文件 ...
首先大概说明一下问题出现的背景:我用PDF.JS实现文件在线预览,参考网上的办法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value ...
前言 不使用插件直接进行pdf预览时,对于小文件没有任何问题,但在预览一个305M,近400页的pdf文件时,打开pdf直接拉到最后几页,会造成浏览器崩溃,于是尝试使用pdf.js的插件方式进行pdf预览,解决大文件浏览器崩溃的问题。 1、下载地址 http ...
用pdf.js实现在移动端在线预览pdf文件1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button ...
安装Adobe Reader,所以再找啊找,找到了pdf.js,它是Mozilla实验室开发的一款在线 ...
准备工作 pdf.js文件 下载后放入到项目静态文件夹 可运行的springboot项目 首先为了直观的展示,springboot直接返回一个写死文件路径的输出流 前端获取展示 值得注意的是,/static/plugins/pdfjs-2.5.207-dist/web ...