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

vue-pdf-sign表单汉字不显示问题,第1张

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里的文件。

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

在当前项目或创建个空项目 安装 npm install pdfjs-dist@2.5.207 -S ,目的只是为了获取到cmaps目录下的文件。在项目找到其目录node_modules\pdfjs-dist\cmapscmaps目录拷贝到pdf展示项目的public下;在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目录下的文件截图,(截图只是部分,不代表项目只需要这些文件)

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1296777.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存