vueshowpdf插件预览中文pdf出现乱码问题+pdf.js加载bcmap文件404报错

最新推荐文章于 2024-05-13 15:52:19 发布

MOFUN-未来可期

最新推荐文章于 2024-05-13 15:52:19 发布

阅读量9.9k

点赞数 7

分类专栏： vue js

本文链接：https://blog.csdn.net/chenrongchun89/article/details/81636852

版权

5 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

vue项目中使用到pdf在线预览，使用了vueshowpdf，测试pdf是好好的，但是当上传到服务器出现预览的pdf乱码问题，很是纠结，网上找了好多资料没有，于是找找pdf相关的pdf预览乱码（中文乱码）问题解决方案。

之前也试过pdf.js插件本地测试，当去掉cmaps文件夹之后PDF会乱码，添加之后又好了。查看.bcmap文件原来时候字体有关系的，于是估计就是字体问题。

解决方法:

1、下载pdf.js插件，复制cmaps文件夹放到vue项目中，我放在static文件夹下面

2、在对应使用到vueshowpdf插件中添加代码

***
PDFJS.cMapUrl = '../../static/cmaps/';
PDFJS.cMapPacked = true;
***

PDFJS.cMapUrl = '../../static/cmaps/';//这里面是相对路径

然后神奇的效果就是成功啦，不再乱码了。

注意：可能您的页面在服务器端还会出现乱码，中文不识别，不要怕，我找到了问题所在，IIS的MIME问题（然后找到网上一篇文章，证实了我是的想法）

新增：2018-11-16（答案参考：https://blog.brain1981.com/727.html）

我们会发现

我的bcmp文件已经放到了对应目录了，配置也对了，怎么还是404

其实这个是iis的MIME文件设置

新增.bcmap文件配置值 .bcmap -> image/svg+xml

我遇到的问题是.net项目，所以或者在Web.config添加如下代码

<system.webServer>
    <staticContent>
      <mimeMap fileExtension=".bcmap" mimeType="image/svg+xml" />
    </staticContent>
  </system.webServer>

现在重新运行下应该是可以了，如果还不行的话，暂时就不知道是什么原因引起的了

作为一个前端，难为我了！

网上没有教材，自己整理的，描述不好勿喷！

关注