vue-pdf插件预览pdf不显示印章和电子签名问题

最新推荐文章于 2024-05-14 11:25:32 发布

一颗小提子

最新推荐文章于 2024-05-14 11:25:32 发布

阅读量3.6k

点赞数 2

文章标签： vue.js pdf javascript

本文链接：https://blog.csdn.net/nuanyang1233/article/details/129030174

版权

vue-pdf插件预览pdf不显示印章和电子签名问题

工作中遇到使用vue-pdf进行pdf的预览遇到文件中的印章和电子签名不显示的问题。
查看了很多资料都的解决办法都是去改变 npm 包中的配置

步骤一
在node_modules/pdfjs-dist/build/pdf.worker.js注释掉一行代码

      data.fieldValue = null;
      // 注释掉底下这行 就可以显示电子签章
      // this.setFlags(_util.AnnotationFlag.HIDDEN);
}

步骤二
在node_modules/pdfjs-dist/es5/build/pdf.worker.js注释掉一行代码

    data.fieldValue = null;
      // 注释掉底下这行 就可以显示电子签章
      // _this3.setFlags(_util.AnnotationFlag.HIDDEN);

但是项目子在上传到git中的时候不会上传node包，拉取项目npm i 包的配置又是最初的，这种方法显然不行

搜索到的大多数都是这种方法，也没有找到别的更好的发方法
果断放弃，选择了其他的pdf预览的插件 pdfh5 ：npm链接

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一颗小提子

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
vue-pdf插件预览pdf不显示印章和电子签名问题

vue-pdf插件预览pdf不显示印章和电子签名问题
复制链接

扫一扫

vue-pdf 在线预览pdf（pdf地址或base64pdf）解决电子签章显示问题

q1ngqingsky的博客

12-22

4610

使用vue-pdf在线预览pdf 并使得带有电子签章的pdf能够正常预览出来 1.安装vue-pdf npm install vue-pdf //或者 yarn add vue-pdf 2.新建pdf组件新建AppPdf.vue文件 // AppPdf.vue <template> <div> <pdf v-for="i in numPages" :key="i" :page="i" :src="src"></pdf> &lt

react渲染pdf，vue渲染pdf，react pdfjs-dist不显示签章，盖章问题

xmr79的博客

05-09

1362

react渲染pdf vue渲染pdf pdfjs-dist不显示签章，盖章 E签宝生成的pdf在网页渲染

3 条评论您还未登录，请先登录后发表或查看评论

vue-pdf-sign:vue-pdf 增加支持显示签名

05-17

vue-pdf-符号 vue.js pdf查看器安装 npm install --save vue-pdf-sign 2020-07-10 npm 重新打包!!支持显示签章 by 张总监朱总监示例-基本 < template> < pdf xss=removed></ pdf> </ template> < script > import pdf from ' vue-pdf ' export default { components : { pdf } } 演示版待定：修复演示浏览器支持与相同的浏览器支持笔记从v2.x开始，该脚本将导出为esm。原料药道具：src字符串/对象-默认值：'' pdf文件的网址。 src也可以是string|TypedArray|DocumentInitPar

Vue-pdf不显示电子签章等问题

m0_52965469的博客

11-18

455

Vue-pdf不显示电子签章等问题

2024年最全Vue3 -- PDF展示、添加签名（带笔锋）、导出_smooth-signature，腾讯前端面试

最新发布

2401_84433974的博客

05-14

434

全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件。

【vue && vue-pdf】pdf展示及解决签章不显示的问题

代码随想录

02-18

1757

1.下载 npm i vue-pdf //我使用的是4.2.0版本,版本可能影响问题的解决 npm i vue-pdf@4.2.0 2.作为组件引入 import pdf from 'vue-pdf'; export default { components:{ pdf } } 3.使用定义pages变量稍后用来获取pdf的页数 <pdf v-for="i in pages" :key="i" :src="pdfUrl" ...

vue中预览pdf的方法

风如也的博客

12-13

1234

vue中预览pdf

解决 vue-pdf 不显示红章的问题

qq_46302247的博客

06-07

1184

找到文件后注释掉此行代码：_this3.setFlags(_util.AnnotationFlag.HIDDEN) 如下放代码。找到我们安装好的 vue-pdf 安装包里的 pdf.worker.js 文件，如图展示路径。

vue-pdf的电子签章不显示问题

java楠的博客

04-16

779

注意有好多文章说的是npm patch-package pdfjs-dist 但是vue-pdf引用的是它本身node-modules下的pdfjs-dist,要是单纯按照他们说的npm patch-package pdfjs-dist 或者 npm patch-package vue-pdf你会发现它会监测到没有任何改动!毕竟你修改的是vue-pdf中node-modules的文件。这是因为现 vue-pdf 是依赖于 pdfjs-dist 库的，而它依赖的pdfjs-dist库的版本不支持显示签章.

vue-pdf不显示印章不显示中文

weixin_45467481的博客

07-12

582

vue-pdf，不显示印章，不显示中文。

pdfvuer插件不显示印章（史上最全解决方案）

Asanshi的博客

10-13

2096

解决pdfvuer插件无法显示印章的问题

vue-pdf-show:前端PDF显示和盖章（vue）

05-03

npm install npm运行开发输入

Vue+ElementUI使用vue-pdf实现预览功能

10-15

主要为大家详细介绍了Vue+ElementUI使用vue-pdf实现预览功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

vue 使用 vue-pdf 实现pdf在线预览的示例代码

11-21

但是感觉这样直接进去有点不太优雅，于是找找看看有没有什么现成的组件，发现有vue-pdf这个组件，虽然说它没有原生那样强大，比如不支持pdf文字复制，打印会乱码，但是我感觉已经足以满足我的需求了。本篇笔记循序渐...

解决vue-pdf查看pdf文件及打印乱码的问题

01-18

vue中简单使用vue-pdf预览pdf文件，解决打印预览乱码问题 vue-pdf 使用安装 npm install –save vue-pdf 引入 import pdf from “vue-pdf 自定义封装pdf预览组件 close-on-click-modal=false show-close=...

vue-pdf预览pdf文件流

01-13

在vue中引入vue-pdf插件预览pdf文件流

【vue-pdf】第三方签章不显示的解决方法(转）

wjbltxx的专栏

01-12

672

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

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

qq_41125418的博客

03-24

2618

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

解决PDF预览时，电子签章、日期等不显示问题

商务合作 / 项目定制开发 / 前端一对一培训、答疑

11-23

2181

那到底是哪里出了问题呢，我再一次考虑是不是因为日期字体等文件没有请求成功的问题。最终发现就是在加载日期字体时，出了问题（没有报错，但是无法预览）。免费答疑，行业深潜多年的技术牛人帮你解决bug。找到PDF引用cmaps的文件，将public去除，重新打包即可在开发和生产环境正常看到电子签章了。继续排查，发现通过接口下载下来的接口是有日期的，这个侧面也证明数据是没问题的。，但是依然没有显示，问题是浏览器控制台也没有报错。根据网上搜索，排查，我先看看，对比正确的路径，发现原来是多了public路径

uniapp 使用 vue-pdf预览pdf 并制定 vue-pdf插件的版本

11-20

以下是在uni-app中使用vue-pdf预览pdf并指定vue-pdf插件版本的方法： 1. 安装vue-pdf插件 ```shell npm install vue-pdf@0.8.13 --save ``` 2. 在需要使用pdf预览的页面中引入vue-pdf组件 ```vue <pdf :src=...

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交