最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。 它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...
参考使用pdf.js在web页面展示pdf文件 一:准备工作 .在pdf.js 官网下载http: mozilla.github.io pdf.js 到本地 .把下载的压缩包pdfjs . . dist.zip解压到pdfjs文件夹下,包含两个文件夹:build和web .把pdfjs文件夹 放入你的项目 webapp目录下 我的项目名称是web demo 例如G: workspace web d ...
2020-02-25 22:21 0 726 推荐指数:
最近需要在移动端展示的html页面中预览远程服务器中的pdf文件,但由于android手机的浏览器不支持pdf格式的文件,遂经过一番搜索,找到了一个名为pdf.js的插件。 它可以支持pdf在html页面的展示,且自带对预览pdf文件操作工具,经过实际检测,在Apple手机 ...
前言 项目中需要前台预览pdf,网上查了一下发现了pdf预览插件,使用pdf.js,完美的实现了pdf的预览需求,网上博客有很多介绍的,但是发现对于刚入门的来说不够简单,详细,现特地记录一番,以免以后花费时间查找,也给有需要的朋友提供一个简单的参考。 下载文件: 首先需要 ...
需求: 在预览这个pdf文件时候,PC端可以直接 放地址, 在手机端直接放会变成下载,所以就要使用 pdfjs 来实现 背景: 文件地址: http://www.alioss.test.com/files/laofan.pdf 我的项目域名: http://www.test.com 官网地址 ...
pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持。 在线演示地址:http://mozilla.github.com/pdf.js/web/viewer.html PDF.js可在官网下载 地址:http ...
第一步:下载pdf.js 下载地址:https://www.jsdelivr.com/package/npm/pdfjs-dist 打开后找到pdf.js、pdf.work.js以及cmaps路径下的全部文件,下载到本地或者直接引用其地址 实例代码 //HTML < ...
现在的浏览器基本都支持直接把pdf文件拖到浏览器就可以打开了,不用安装额外的插件。但是不同的浏览器显示的页面不一样。如果我们想在网页上统一预览pdf怎样实现呢? Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在浏览器上显示pdf文档。唯一的要求就是浏览器必须支持HTML5 ...
我们在页面进行pdf预览的时候,由于有些文件不能够进行打印和下载,这时候我们使用window自带的pdf就很难满足客户的需求,因此需要另外的办法来支持我们进行特殊条件的pdf文件预览,这里我采用引入pdf.js文件的形式来达到目的。 第一步:下载pdf.js 引入pdf.js文件 ...
需求:后端返回文件流前端将文件流转为成blob地址预览pdf文件 两种方式: 1,PDFJS: https://mozilla.github.io/pdf.js/ 支持获取文件流到客户端,生成blob地址预览 2,Vue-pdf https://github.com ...