pdf.js浏览中文pdf乱码的问题解决

由于项目中需要支持移动设备在线浏览pdf，苹果还好，天生支持，但是安卓中就不行了，需要第三方组件的支持。

这里就找到了pdf.js，由于pdf数据太多，开始的时候没法一一测试，所以随便测试打开了几篇没问题后就直接上线了。

但是后面就悲剧了，偶然收到反馈，有些pdf无法正常浏览，此为写本文的原因。

具体的现像

查找问题过程

一、用火狐（火狐解析pdf是用的pdf.js）来直接打开这篇pdf，发现居然是对的，那怀疑用的pdf.js不是最新的？下了一个，问题依旧。问题陷入僵局。

二、漫无目的，打开浏览器调试，凭习惯去看看是不是有异常报错之类的信息，发现真的有信息，提示某个资源没有找到，如图：

三、根据提示的这个错误去搜索，一下找到了答案，服务端没有做MIME类型映射。

问题解决：

根据搜索到的解决方案，在服务器网站中添加如下MiME映射。

.properties

application/octet-stream

.bcmap

application/octet-stream

再次浏览这篇pdf，可以发现，已经正常。

转载于:https://www.cnblogs.com/dengxi/p/10682441.html

pdf.js浏览中文pdf乱码的问题解决相关推荐

pdf在html网页中打开是乱码,pdf.js浏览中文pdf乱码的问题解决
由于项目中需要支持移动设备在线浏览pdf,苹果还好,天生支持,但是安卓中就不行了,需要第三方组件的支持. 这里就找到了pdf.js,由于pdf数据太多,开始的时候没法一一测试,所以随便测试打开了几篇没 ...
android 在线解析pdf文件格式,Android PDF预览阅读：用Mozilla PDF.js浏览本地在线PDF文件 | KaelLi的博客...
在之前的Android端预览PDF方案一文中,曾经提到了使用Mozilla的PDF.js来加载PDF的办法,今天就详细的说一下具体的实现. 简介 PDF.js是一个使用HTML5构建的PDF查看器.由 ...
利用pdf.js在线展示PDF文档
在Web项目中,经常需要在浏览器端展示PDF文档,本文通过一个简单的小例子,简述pdf.js的简单使用,仅供学习分享使用,如有不足之处,还请指正. pdf.js下载 pdf.js是一个通用的.基于we ...
关于使用pdf.js预览pdf的一些问题
手机应用中pdf展示使用非常广泛, 一些pdf由于特殊的内容比如文字.电子签章必须使用复杂的解析器来解析,当使用MultiPdf 这个库加载,会使得包变得非常庞大, 这里我们考虑使用pdf.js 来解 ...
解决pdf.js预览pdf不显示签名问题(两条路)
解决pdf.js预览pdf不显示签名问题(两条路) 解决这个问题的方法很有意思,解决这一类问题的思路就是:如何不让pdf.js抛出异常或者警告.[其实乍一看好像和问题本身并不沾边,哈哈] 电子签章不显 ...
Android 使用PDF.js浏览pdf
Android的WebView做不到ios的WebView那样可以很方便的直接预览pdf文件.要实现利用WebView预览pdf我们可以使用谷歌文档服务: mWebView.loadUrl(" ...
Vue Cli项目使用PDF.js预览pdf无法访问到viewer.html
今天在开发移动端项目中有个需求是手机端预览pdf,ios可以直接在浏览器预览,安卓不行,所以使用pdf.js来解决,之前项目用过该插件很好用,但是今天使用的时候发现根本没有访问到viewer.html ...
html5 pdf.js 使用方法,PDF 文件在线预览(pdf.js 使用教程)
因项目开发需要在线展示 PDF文件,为解决 PDF文件在浏览器打开后电子签章.电子签名等展示不全且部分浏览器兼容问题特利用pdf.js解决该问题: pdf.js框架为HTML5,无需任何本地支持,兼 ...
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，解决方案！！（开发笔记）
一. 官网下载pdf.js :Getting Started 注意: 这俩包都不支持ie,因为用的是es6,ie解析不出来下完以后引进去.下面为省事找几个市面上常用的方法: 1.文件流转base ...

pdf.js浏览中文pdf乱码的问题解决

pdf.js浏览中文pdf乱码的问题解决相关推荐

最新文章

热门文章