vue-pdf-sign表单汉字不显示问题

vue版本vue v-2.6.11
vue-pdf-sign版本4.1.4

说在前面:vue-pdf-sign预览PDF文件的详细方法在此略过,因为我忘记了,不想去翻找整理代码,详细网上可查阅到更多资料,vue-pdf-sign表单汉字不显示问题的解决方法在网络上也很多,在此也仅说我调试成功使用的方法。

再写该问题的解决方法是因为,之前已成功显示的汉字,突然又无法正常显示了。原因是之前用的cdn无法访问,cdn:http://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/cmaps/,在此只写我是如何获取到的是cmaps里的文件。

方法笨拙,见笑了;(更多的解决方法欢迎留言交流)

  1. 在当前项目或创建个空项目 安装 npm install pdfjs-dist@2.5.207 -S ,目的只是为了获取到cmaps目录下的文件。
  2. 在项目找到其目录node_modules\pdfjs-dist\cmaps
  3. cmaps目录拷贝到pdf展示项目的public下;
  4. cMapUrl:'./cmaps/'将原cdn地址改为本地地址;代码如下
const pdfBase64Data = `data:application/pdf;base64,${resdata.data.fileData}`;
const surl = pdf.createLoadingTask({
	url: pdfBase64Data,
	// cMapUrl: 'http://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/cmaps/',
 	cMapUrl: './cmaps/',//此文诸多废话仅是为了修改此处
	cMapPacked: true,
});

//surl.promise.then((pdfx) => {
//	this.signFileInfo.totalPage = pdfx.numPages;
//});
this.signFileInfo.url = surl;

cmaps目录下的文件截图
cmaps目录下的文件截图,(截图只是部分,不代表项目只需要这些文件)

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值