pdf.js使用（在线预览pdf文件）

最近公司需要pdf在线预览，于是找到pdf.js这个插件，好处就在于 pc端和移动端不需要花过多的精力去调。

1：需要到官网下载源码：https://mozilla.github.io/pdf.js/

2：将源码加入到项目中目录如下：

在web下有如下：

这里我们需要改动viewer.js ，打开其中有一段：

只需要将DEFAULT_URL 默认值去掉。

3：自定义一个页面，我这里是test3.html 页面代码如下：

这里我将函数封在js中调用这个函数需传入viewer.html路径。

这里打开viewer.html页面，因为设计到跨域访问pdf的问题，我们将pdf以文件流的方式传入，所以需要后台代码处理，如下：

这样我们就处理完了，看下效果 pc端：

移动端：

这是我们就使用插件自带的功能。如果想屏蔽下载打印这些可以在viewer.html中修改。

小弟刚开始研究的时候，为了解决跨域的问题头都大了，网上资料太少，不过研究出来的喜悦只能自己能体会到。

第一次写博客，自己都感觉好潦草，就这样吧！

对了，附上pdf.js源码 !

我勒个去，附件不会上传，你说我是有多笨呀！

pdf.js使用（在线预览pdf文件）相关推荐

springboot整合pdf.js实现在线预览pdf文件
今天在项目中实现pdf在线预览的功能的如图, 通过百度,查询合适的方法,最为简单的的是通过pdf.js的插件在前台展示.本以为是挺容易实现的,但都有莫名其妙的错误. 第一步:下载源码https://g ...
前端js实现在线预览pdf、word、xls、ppt等文件
昨天遇到一个需求,公司的视频项目都是视频类型,如果是文件类型就直接打开预览,或者下载查看项目把请求的资源都作为视频资源处理,直接赋值给 video 标签解析.所以我新增了一个功能函数,方法很简单文 ...
pdf转html在线预览,PDF转html
概述 Spring 是最受欢迎的企业级 Java 应用程序开发框架,数以百万的来自世界各地的开发人员使用 Spring 框架来创建性能好.易于测试.可重用的代码. Spring 框架是一个开源的 Ja ...
html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
android 在线预览pdf文件
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 1.andorid原生自带的pdf管理库,主要提供 ...
android 在线预览pdf文件（目前最全）
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 一.andorid原生自带的pdf管理库,主要提供 ...
Android在线预览pdf文件的几种方式
Android原生WebView不支持预览pdf文件,ios却可以,所以Android想要实现在线预览WebView要通过其他方法,有以下几种方法: 第一种方式: andorid原生自带的pdf管理库 ...
html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
使用libreoffice将office文档（word、ppt、excel）转pdf，实现在线预览
项目需要实现局域网预览office文档的功能,之前做的在线项目,都是将文档上传到cdn,利用cdn自带的转码功能,把文档转换为pdf,然后再用pdf.js实现在线预览. 因为是局域网,没有办法上传到c ...

pdf.js使用（在线预览pdf文件）

pdf.js使用（在线预览pdf文件）相关推荐

最新文章

热门文章