关于＜pdf＞个别文件不显示的问题

最新推荐文章于 2024-05-16 13:00:00 发布

多彩岁月

最新推荐文章于 2024-05-16 13:00:00 发布

阅读量356

点赞数

文章标签： pdf

本文链接：https://blog.csdn.net/Edwina_byx/article/details/132964390

版权

我遇到的问题是使用<pdf>标签实现PDF文件的预览，有的文件是可以正常显示的，但有得文件只能显示一部分的表格，我使用了以下的方式解决这个问题：

先升级了PDF预览的插件，觉得是插件版本过低造成的：

npm install pdfjs-dist

但是没有什么用，已经是最高的版本了。

再就是从页面警告提示入手

Error during font loading: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided.

最后解决的方法是：

对PDF标签绑定的地址做了处理；手动配置了cMapUrl和cMapPacked

computed:{

     pdfSrc(){
      let src =  pdf.createLoadingTask({
        url: this.pdfUrl,
        cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/cmaps/',
        cMapPacked: true
      })
      console.log(src)
      return src ;
    }

  },