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

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

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

具体的现象
在这里插入图片描述
查找问题
使用火狐浏览器调试时,发现提示某个资源没有找到,如图:
在这里插入图片描述
但是去他提示的路径文件里面找发现文件是存在的,一开始以为是缓存的问题,清理了缓存以及去官网上下载最新的有关日文的字体发现还是不行。真的是气急败坏。。
后来也是疯狂在网上查找先关的文档,搜索类似关于“IIS发布后文件缺失的”问题的解决方案。终于找到了解决办法。

解决办法

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

在这里插入图片描述
由于是公司文件,成功后的预览截图就不放了。但是亲测是成功的。

2.用下面代码生成web.config放到要读取的pdf文件同级下(没测试,可以尝试)
在这里插入图片描述
最后,这是第一次写博客,有点小紧张哈。
一是作为一个菜鸟程序员,记录下自己工作中遇到的问题蛮好的。
二是这个问题实在是困扰了我很久。抓狂。。
看到这里的小哥哥小姐姐们,记得给个支持呀。期待与你们的共同进步!

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐