新版本的chrome用pdf js打开pdf有些内容消失了

2024-09-02

pdf.js 预览文件中文内容丢失

问题: 在.netcore中使用pdf.js,pdf中有部分中文无法显示在浏览器控制台发现有报错发现在pdf.view.js中url路径异常,没有指向cmaps文件,于是调整了正确的相对路径再次请求,依旧404.再通过观察其他的js文件的路径,路径没有问题.最后发现是系统没有为我们提供处理的文件类型无法使用,有些需要自己手动添加,在Startup中Configure添加如下代码: var contentTypeProvider = new FileExtensionContentTypeP

js 打开PDF

用插件打开PDF的一个超连接但是谷歌了很久 ,发现了一个很好的方法就是借google 来打开一个PDF ,而不下载PDF: _yourID.setAttribute('onclick',"window.open('https://docs.google.com/gview?embedded=true&url="+_link_your+"','_blank','location=yes,EnableViewPortScale=yes')");

使用PDF.JS实现pdf文件在线预览时，报文件被损坏的错误

首先大概说明一下问题出现的背景:我用PDF.JS实现文件在线预览,参考网上的办法,在jsp文件中使用 <iframe src="<c:url value="js/generic/web/viewer.html" />?file=<c:url value="${wjlj}" />" width="1024" height="700"> 将文件路径以${wjlj}的方式交给p

使用pdf.js显示pdf文件

在web项目中集成pdf.js的默认查看器

pdf.jsMozilla开源的一项用于在HTML5平台上显示pdf文档的技术,Mozilla自己的Firefox浏览器也用了pdf.js来预览pdf,可见应该是一个比较成熟稳定的方案(btw,chrome用的是foxit的技术,国人骄傲啊).当然类似的方案有很多,并且大多都提供了丰富的api,如果你仔细读文档/api,可能会有好的收获,但是Mozilla同时把在Firefox内的查看器也一道开源了,对于大部分定制性不强,只需要浏览的使用场景来说,似乎可以直接“拿来主义”,本文就说的是如何直接使

PDF.Js的使用—javascript中前端显示pdf文件

PDF.Js的使用—javascript中前端显示pdf文件写于2018/12/6 起因是一个图片展示页面需要展示pdf格式的文件,所以查了半天决定使用pdf.js,我也不求有多了解它,能实现我想要的效果就行,但至少到了最后我让它的demo跑了起来. 网上很多教程要么不全,要么就是很杂很深又不靠谱,因为我不怎么想了解它是用什么框架完成的,怎么make的,我只想要在前端引入js并能展示pdf,所以很多看不下去,但是获得pdf.js之前还是需要进行一些配置,大致的配置过程如下吧. 1. 取得pdf

pdf.js安装步骤和使用

从github下载的源码不能直接使用,最好使用命令行下载安装 1.下载源码 git clone git://github.com/mozilla/pdf.js.git cd pdf.js 2.安装node.js https://nodejs.org/en/download/ 3.安装gulp sudo npm install -g gulp-cli 4.安装pdf.js的依赖库 sudo npm install 5.启动本地web服务,因为有的浏览器不允许用file://协议打开pdf文件 su

使用pdf.js实现前端页面预览pdf文档，解决了跨域请求

pdf.js主要包含两个库文件,一个pdf.js和一个pdf.worker.js,,一个负责API解析,一个负责核心解析官网地址:http://mozilla.github.io/pdf.js/ 下载pdf.js插件解压后有 web 和 build 两个文件夹如图运行示例将解压后的文件直接仍到项目路径下访问 ip:port/文件夹名称/web/viewer.html 显示的是 web 文件夹下的compressed.tracemonkey-pldi-09.pdf 修改默认打开P

文档在线预览开源实现方案二：OpenOffice + pdf.js

文档在线预览的另一种实现方式采用的技术栈是OpenOffice + pdf.js, office文档转换为pdf的工作依然由OpenOffice的服务来完成,pdf生成后我们不再将其转换为其他文件而是直接将pdf文件通过js框架直接展示到web页面,这样相对于方案一的实现少了一层转换,效率会更快,而且pdf.js由mozilla团队维护,不用担心后期维护问题,客户端浏览器不需要安装pdf阅读器插件,唯一的要求是浏览器必须支持html5.这种方案的实现过程是: 通过OpenOffice的服务将of

fis3+vue+pdf.js制作预览PDF文件或其他

人生第一篇博客,的确有点紧张,但有些许兴奋,因为这对于我来说应该是一个好的开始,以此励志在技术的道路上越走越远. 看过了多多少少的技术博客,给自己带来了很多技术上的收获,也因此在想什么时候自己也可以赠人玫瑰,手留余香呢?终于时候到了...哈哈首先容我吐槽一番,在大前端的背景下各种框架层出不穷,相对的各种打包工具也应用而生,要说最火的就是webpack了,用户多所以社区相对活跃,团队维护,网上也有各种各样的问题可以轻易搜到从而解决自己的遇到的各种奇葩问题,所以90%的项目都会采用webpack来

pdf转为html查看pdf.js

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

base64编码后的pdf文件前端页面展示--pdf.js的应用

最近在整理项目中用到的插件或者使用心得,感觉还是写成博客,能加深新一层的理解. 我先说一下我的需求:由于java后台编译的文件流在手机端加载速度太慢,所以想着可以在前端解析,放在页面展示给用户. 所以,我需要后台传给我的是base64编码的pdf文件.我们知道,单纯靠base64解析pdf文件是解析不了的.所以需要引入另一个pdf解析文件--pdf.js 具体的使用方法大家可以看源码:https://mozilla.github.io/pdf.js/ 我试着按源码一步一步的操作的,但发现将bui

PDF.js 详情解说

pdf.js资源下载点我下载自定义默认加载的pdf资源在web/view.js中我们可以通过DEFAULT_URL设置默认加载的pdf.通过上面代码我们也可以看出来可以通过后缀名来指定加载的pdf.如: http://mozilla.github.com/pdf.js/web/viewer.html?file=compressed.tracemonkey-pldi-09.pdf. 这样我们代码获取到file字段就会自动覆盖我们默认的pdf. 加载其他服务器上的pdf(远程加载) 这个功能是

使用pdf.js在移动端预览pdf文档

pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持. 在线演示地址:http://mozilla.github.com/pdf.js/web/viewer.html PDF.js可在官网下载地址:http://mozilla.github.io/pdf.js/ 解压后得到的build目录就是PDF.js的核心文件,直接引入里面的pdf.js文件就可以使用. html 代码示例: <div class="pdf-view">

pdf.js插件使用记录，在线打开pdf

天记录一个js库:pdf.js.主要是实现在线打开pdf功能.因为项目需求需要能在线查看pdf文档,所以就研究了一下这个控件. 有些人很好奇,在线打开pdf文档浏览器不是支持吗.是的你说的都是现代浏览器,例如谷歌,360,edg等. 但是很不幸的是我们这个项目是要使用我们最喜欢(很烦)的浏览器IE.所有要想使IE能够在线读取pdf,我就知道两种办法第一种下载Acrobat Reader插件,第二就是使用js库了. 介绍pdf.js pdf.js是一个开源的js库. 官网:http://mozil

pdf.js pdfdom.js使用（转）

开篇语: 最近工作需要做一个借款合同,公司以前的合同都是通过app端下载,然后通过本地打开pdf文件,而喜欢创新的我,心想着为什么不能在线H5预览,正是这个想法,说干就干,实践过程总是艰难的,折腾了3,4天的时间,熬了两个凌晨3,4点,其中的艰辛.以及各中的曲折.压力只有自己能体会,项目上线后心里想着我要写一篇博文,一是总结一下经验,其次就是和大家分享自己这一路走来的的心得体会,欢迎吐槽!,废话不多说,来点干货! PDF在线预览实现: 8个实现在线浏览PDF文件的实用插件,笔者选择pdf.js,

PDFObject.js、jquerymedia.js、pdf.js的对比

由于在做手机项目中需要用到预览pdf文件的需求,一搜还真多,试用后发现兼容性不是很好,大多需要浏览器对pdf阅读的支持: 如果你只是想不依赖浏览器本身对pdf解析的情况下,在手机展示pdf文件,就需要了解各个插件的优缺点进行选择: 1.PDFObject 该插件需要用到浏览器h5解析pdf的支持,在手机webview使用兼容性不是很好,下面看官方的说明: Why use PDFObject? PDFObject 2.0 detects browser support for inline/emb

基于VUE利用pdf.js实现文件流形式的pdf显示

首先推荐大家看一下这个demo vue-pdf.js-demo,这里面包含固定本地地址,远程pdf地址,通过打开文件的方式打开pdf 这儿我们着重介绍一下通过文件流的形式打开pdf.(所谓文件流,就是通过ajax请求,返回的数据是文件流的形式) 1. 首先通过下载pdf.js的相关文件,当然我推荐直接拷贝 vue-pdf.js-demo里面的文件,然后放到static目录里面 2. 第二步就是直接使用了在组件中合适的地方放入 iframe <iframe class="prism-pla

在线浏览PDF之PDF.JS （附demo）

平台之大势何人能挡? 带着你的Net飞奔吧!:http://www.cnblogs.com/dunitian/p/4822808.html#skill 下载地址:http://mozilla.github.io/pdf.js/getting_started/#download 解压打开,这两个文件夹是精华你可以自己看看目录我们的目标是:web/viewer.html 先打开看看: 噢,shit 了(PDF.js默认情况下不可以打开本地PDF文件(发布后可以打开服务器文件),也不可以跨域浏览P

移动端嵌入pdf.js远程请求pdf出现（206）

最近在做移动端的开发,需要嵌入pdf进行预览.看了很多的js组件后选择了pdf.js:使用起来还是比较方便的,至于使用网上有很多的教程. 但在使用过程中出现了如下一个问题(我做的是IOS系统): 问题是由于服务器对http的get请求进行了数据的部分响应,导致pdf无法继续打开.尝试了很多方法,修改请求头等方式都不成功: 最后,通过查询pdf.js中的compatibility.js发现它里面对disableRange和disableStream进行了判断.唯独没有对IOS系统做判断,所以导致了

新版本的chrome用pdf js打开pdf有些内容消失了

热门专题