前言 不使用插件直接进行pdf预览时,对于小文件没有任何问题,但在预览一个305M,近400页的pdf文件时,打开pdf直接拉到最后几页,会造成浏览器崩溃,于是尝试使用pdf.js的插件方式进行pdf预览,解决大文件浏览器崩溃的问题。 1、下载地址 http ...
一 需求: 客户在公共场所,需要在系统上查看文件内容 二 实现思路 通过前端获取访问的文件的全路径,判断文件的类型 如果是office文件 文本文件则进行装换成pdf文件或者html页面 如果是图片,则直接转移到预览文件夹 将文件类型和文件相对路径返回页面进行加载 三 资源 部署pdf.js查看器: 进入官网,选择Stable版本下载pdf.js插件并解压到本地。 在服务器根目录创建 pdf静态资 ...
2020-12-25 10:47 0 881 推荐指数:
前言 不使用插件直接进行pdf预览时,对于小文件没有任何问题,但在预览一个305M,近400页的pdf文件时,打开pdf直接拉到最后几页,会造成浏览器崩溃,于是尝试使用pdf.js的插件方式进行pdf预览,解决大文件浏览器崩溃的问题。 1、下载地址 http ...
本项目Demo使用了PDF.js插件实现PDF在线阅读功能PDF.js插件下载地址 实测能用! 1、创建SpringBoot项目,目录结构如下: 2、进行项目配置: pom.xml: PDFApplication.java ...
PDF.js可以实现在html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件,非常强大,能将PDF文件渲染成Canvas。PDF.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,一个负责API解析,一个负责核心解析。 首先引入pdf.js文件< ...
最近准备对项目中的一个在线PDF查看器组件进行重构下,这个组件最开始用的浏览器内置的pdf查看的功能实现的,在使用中,遇到了很多不大容易解决的问题: 不同的浏览器样式不一样 禁止默认查看器中自带的下载,打印工具栏按钮 ...
谷歌浏览器可以直接在线查看pdf,而IE内核浏览器无法在线查看,默认是下载。 这里用到的是pdf.js,不仅支持IE内核浏览器,而且兼容手机查看pdf 官网地址:http://mozilla.github.io/pdf.js/ 下载之后解压放到本地服务器,打开对应网址查看一下。/web ...
首先大概说明一下问题出现的背景:我用PDF.JS实现文件在线预览,参考网上的办法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value ...
用pdf.js实现在移动端在线预览pdf文件1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button ...