【Vue】vue-pdf 库第三方签章不显示的解决方法

需求场景

预览 pdf 并展示 pdf 中的第三方签章

问题描述

签章无法显示

解决方法

1.找到 vue-pdf 文件夹

首先我们要找到 vue-pdf 源代码的文件夹,找到关于 pdfjs-list 的引用文件地址。

image

2.pdfjs-list 源码修改

这里网上很多解决方法都很坑,只是说 node_modules\pdfjs-dist\build\pdf.worker.js但是 vue-pdf 使用的是它 es5 这个文件夹下的文件!!!!我没注意一直修改无效!!!!!这就需要我们按照上面的路径去查看源代码引用的具体路径,版本不一样可能都不同,所有还是的得自己去找啊!(血的教训,浪费了我好多时间,也有可能是我自己不仔细看吧)

image

下面就是找到下面的代码注释掉就行,完美解决!

    if (data.fieldType === "Sig") {
      // data.fieldValue = null;
      // this.setFlags(_util.AnnotationFlag.HIDDEN);
    }

参考文章

如何解决 “vue-pdf” 中预览出现 印章无法展示 中文无法展示乱码情况 详解

posted @ 2022-05-31 10:16  努力挣钱的小鑫  阅读(1632)  评论(0编辑  收藏  举报