效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
.引入两个主要js文件 lt script src .. js pdf.js gt lt script gt lt script src .. js pdf.worker.js gt lt script gt .主要js代码 let container document.getElementById container let popId document.getElementById pop ...
2019-08-13 10:06 0 502 推荐指数:
效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
最近项目要求pdf和word可以在线预览功能,pc端还好解决,但是微信端就有点坑了,pc端原来的思路是将文件转成base64,然后用html格式显示 ,但是微信端不支持, 这种方式就pass掉了,谷歌本来就支持pdf预览的,用pdf.js就可以移动端和pc端在线预览,后来就干脆把所有的文件 ...
本项目Demo使用了PDF.js插件实现PDF在线阅读功能PDF.js插件下载地址 实测能用! 1、创建SpringBoot项目,目录结构如下: 2、进行项目配置: pom.xml: PDFApplication.java ...
1、首先下载pdf.js源码,下载地址为:http://mozilla.github.io/pdf.js/ 2、解压放到自己的项目当中,位置自己选择 3、前端html代码 4、访问路径可能因为传参有两个问号的问题,所以可能导致访问prview接口fileId获取不到的情况 ...
文档在线预览的另一种实现方式采用的技术栈是OpenOffice + pdf.js, office文档转换为pdf的工作依然由OpenOffice的服务来完成,pdf生成后我们不再将其转换为其他文件而是直接将pdf文件通过js框架直接展示到web页面,这样相对于方案一的实现少了一层转换,效率会更快 ...
项目需求 前段时间项目中遇到了一个模块,是关于在线预览word文档(PDF文件)的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架对于IE浏览器不兼容,所以,选择了使用pdf.js,这里记录一下,以后使用的时候好查找,也希望 ...
最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。 它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...
用pdf.js实现在移动端在线预览pdf文件1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button ...