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\cmaps
- 将
cmaps
目录拷贝到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目录下的文件截图,(截图只是部分,不代表项目只需要这些文件)