原文:spring boot + pdf.js 实现pdf文件预览

准备工作 pdf.js文件 下载后放入到项目静态文件夹 可运行的springboot项目 首先为了直观的展示,springboot直接返回一个写死文件路径的输出流 前端获取展示 值得注意的是, static plugins pdfjs . . dist web viewer.html 应该是自己的文件路径。 http: localhost: media preview是我们Controller接口 ...

2020-09-23 10:26 0 1335 推荐指数:

查看详情

前台 使用pdf.js插件实现预览pdf

前言   项目中需要前台预览pdf,网上查了一下发现了pdf预览插件,使用pdf.js,完美的实现pdf预览需求,网上博客有很多介绍的,但是发现对于刚入门的来说不够简单,详细,现特地记录一番,以免以后花费时间查找,也给有需要的朋友提供一个简单的参考。   下载文件:      首先需要 ...

Sat Dec 29 22:16:00 CST 2018 0 3103
前端使用pdf.js预览pdf文件,超级简单

现在的浏览器基本都支持直接把pdf文件拖到浏览器就可以打开了,不用安装额外的插件。但是不同的浏览器显示的页面不一样。如果我们想在网页上统一预览pdf怎样实现呢? Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5 ...

Sat Jul 20 01:16:00 CST 2019 0 5294
SpringBoot在线预览PDF文件(引用pdf.js工具)

本项目Demo使用了PDF.js插件实现PDF在线阅读功能PDF.js插件下载地址 实测能用! 1、创建SpringBoot项目,目录结构如下: 2、进行项目配置: pom.xml: PDFApplication.java ...

Fri Dec 27 23:07:00 CST 2019 0 3772
App使用pdf.js实现pdf预览

第一步:下载pdf.js 下载地址:https://www.jsdelivr.com/package/npm/pdfjs-dist 打开后找到pdf.jspdf.work.js以及cmaps路径下的全部文件,下载到本地或者直接引用其地址 实例代码 //HTML < ...

Tue Apr 14 01:28:00 CST 2020 1 1021
pdf.js实现在移动端在线预览pdf文件

pdf.js实现在移动端在线预览pdf文件1、下载pdf.js 官网地址:https://mozilla.github.io/pdf.js/ 2、配置 下载下来的文件包,就是一个demo,仿照这个demo做就可以 (1)页面元素如下: <button ...

Thu Mar 28 02:26:00 CST 2019 0 7669
PDF预览插件pdf.js的使用

    最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。   它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...

Wed Oct 23 19:44:00 CST 2019 0 3676
pdf.js在线预览pdf

效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...

Thu Mar 04 00:11:00 CST 2021 0 380
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM