效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
项目需求 前段时间项目中遇到了一个模块,是关于在线预览word文档 PDF文件 的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架对于IE浏览器不兼容,所以,选择了使用pdf.js,这里记录一下,以后使用的时候好查找,也希望可以帮助有需要的人。 word文件转pdf文件 首先需要将指定的word文档转为pdf文件,方法有很多,这里不介绍,有 ...
2019-06-23 13:28 0 10155 推荐指数:
效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...
文档在线预览的另一种实现方式采用的技术栈是OpenOffice + pdf.js, office文档转换为pdf的工作依然由OpenOffice的服务来完成,pdf生成后我们不再将其转换为其他文件而是直接将pdf文件通过js框架直接展示到web页面,这样相对于方案一的实现少了一层转换,效率会更快 ...
1.引入两个主要js文件 <script src="../js/pdf.js"></script> <script src="../js/pdf.worker.js"></script> 2.主要js代码 ...
用pdf.js实现在移动端在线预览pdf文件1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button ...
首先大概说明一下问题出现的背景:我用PDF.JS实现文件在线预览,参考网上的办法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value ...
一、PDF介绍 PDF.js是一个由HTML5建立的PDF阅读器。依托开源社区驱动和Mozilla实验室的技术支持。目标是建立一个通用的,基于web的解析和渲染PDF文件的平台。https://github.com/ChineseDron/pdf.js# 是从Mozilla原版中fork ...
背景 之前一直是用户点击下载word文件到本地,然后使用office或者wps打开。需求优化,要实现可以直接在线预览,无需下载到本地然后再打开。 随后开始上网找资料,网上资料一大堆,方案也各有不同,大概有这么几种方案: 1.word转html然后转pdf ...
一.场景还原 用户上传了一张图片,已有服务器保存路径,现由于系统配置无法直接通过图片URL打开预览图片,需实现点击预览将图片显示在浏览器上。 二.实现方法 html: 此处用预览按钮方法实现 Javascript: 此处因为测试判断了PNG Java ...