PDF.JS插件预览文pdf乱码的问题解决

最近遇到一个新的需求,需要在手机端预览下载网页上的pdf文件。这里来说说我预览所遇到的问题。

IOS系统还好,本身支持预览,但是Android系统就不行了,需要第三方组件的支持。在网上查找了相关的资料,觉得pdf.js相对功能更加强大,就使用了它。
按照这篇文章记载操作 可以实现正常预览的需求。但我这边还是有些日文文档无法正常浏览,有乱码的现象。废话不多说,直接说正文。

具体的现象

ios 下载pdf乱码 iphone下载pdf变成了jsp_ios 下载pdf乱码


查找问题

使用火狐浏览器调试时,发现提示某个资源没有找到,如图:

ios 下载pdf乱码 iphone下载pdf变成了jsp_js_02


但是去他提示的路径文件里面找发现文件是存在的,一开始以为是缓存的问题,清理了缓存以及去官网上下载最新的有关日文的字体发现还是不行。真的是气急败坏。。

后来也是疯狂在网上查找先关的文档,搜索类似关于“IIS发布后文件缺失的”问题的解决方案。终于找到了解决办法。

解决办法

1.需要在IIS服务器网站中添加MiME映射。.bcmap为调试时提示缺少的日文字体文件后缀。
如果不知道MIME类型 可以写通用的: application/octet-stream

ios 下载pdf乱码 iphone下载pdf变成了jsp_ios 下载pdf乱码_03


由于是公司文件,成功后的预览截图就不放了。但是亲测是成功的。2.用下面代码生成web.config放到要读取的pdf文件同级下(没测试,可以尝试)

ios 下载pdf乱码 iphone下载pdf变成了jsp_html_04


最后,这是第一次写博客,有点小紧张哈。

一是作为一个菜鸟程序员,记录下自己工作中遇到的问题蛮好的。

二是这个问题实在是困扰了我很久。抓狂。。

看到这里的小哥哥小姐姐们,记得给个支持呀。期待与你们的共同进步!