以前有基于openresty + pdf.js 实现了pdf 文件预览的方案,但是对于阿里的oss 这个就有些不一样了(因为oss 有安全签名的处理) 问题说明 以前对于文件proxy 的配置 ...
pdf.js 是日常使用比较多的一个web端pdf预览方案,因为默认有一些安全策略 同源,但是也可以基于cors 解决 所以为了简单基于nginx 的代理集成pdf.js 这样可以比较灵活的解决跨域以及静态资源的问题,同时也集成了nginx的 cache 方便对于pdf文件cache加速pdf 的显示 环境准备 docker compose 文件 version: services: pdf pr ...
2020-09-18 19:26 0 539 推荐指数:
以前有基于openresty + pdf.js 实现了pdf 文件预览的方案,但是对于阿里的oss 这个就有些不一样了(因为oss 有安全签名的处理) 问题说明 以前对于文件proxy 的配置 ...
第一步:下载pdf.js 下载地址:https://www.jsdelivr.com/package/npm/pdfjs-dist 打开后找到pdf.js、pdf.work.js以及cmaps路径下的全部文件,下载到本地或者直接引用其地址 实例代码 //HTML < ...
前言 项目中需要前台预览pdf,网上查了一下发现了pdf预览插件,使用pdf.js,完美的实现了pdf的预览需求,网上博客有很多介绍的,但是发现对于刚入门的来说不够简单,详细,现特地记录一番,以免以后花费时间查找,也给有需要的朋友提供一个简单的参考。 下载文件: 首先需要 ...
准备工作 pdf.js文件 下载后放入到项目静态文件夹 可运行的springboot项目 首先为了直观的展示,springboot直接返回一个写死文件路径的输出流 前端获取展示 值得注意的是,/static/plugins/pdfjs-2.5.207-dist/web ...
需求:后端返回文件流前端将文件流转为成blob地址预览pdf文件 两种方式: 1,PDFJS: https://mozilla.github.io/pdf.js/ 支持获取文件流到客户端,生成blob地址预览 2,Vue-pdf https://github.com ...
参考 使用pdf.js在web页面展示pdf文件 一:准备工作 1.在pdf.js 官网下载 http://mozilla.github.io/pdf.js/ 到本地 2.把下载的压缩包pdfjs-2.2.228-dist.zip解压到pdfjs文件夹下,包含两个文件夹:build和web ...
最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。 它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...
效果图 pc: 移动: 兼容性:主流浏览器+Ie11均正常显示 移动端 微信浏览器正常显示 预览展示 方案1 js包引入,跳转页面展示pdf,实现在线预览 window.open('./js/pdf ...