问题描述

在使用pdfjs插件预览pdf时,发现当pdf为1.7版本时无法预览一直加载中,后来换了官方最新版本(2.13)后发现可以预览,但是仍然面临不兼容QQ和搜狗浏览器的头痛问题。后通过各种搜罗之后找到了pdfjs es5版本(pdfjs-2.5.207-es5-dist),哇哦,简直了救命稻草啊,分分钟支持各大浏览器。

pdfjs使用方法

当你下载pdfjs版本的包后(这里不展示下载的过程,自己去扒哦或者私信我发给你),直接放在你的static静态文件夹下面,如下图所示:
在这里插入图片描述
然后就可以在vue页面组件中使用啦

//src 里面主要是你pdf所在的文件的相对地址 /static/pdfjs-2.5.207-es5-dist/web/viewer.html?file= 加上你的图片地址,这里如果图片资源不是本地的话预览可能会报错哦,跨域的话需要把view.js文件中的一句话注掉。
          <iframe :src="'/static/pdfjs-2.5.207-es5-dist/web/viewer.html?file=' + 'your.pdf'" frameborder="0" height="560px" width="100%"></iframe>

若访问非本地资源的话需要注掉pdfjs-2.5.207-es5-dist/web/viewer.js 中的一句话,见下图:注掉就可以完美的加载啦。
在这里插入图片描述

关于pdfjs es5版本 (pdfjs-2.5.207-es5-dist)

各位大佬可以去网上搜罗,有付费40C币就可以下载的,请看准一定要包括es5版本的哦,按照上述使用方法,即可完美兼容各大浏览器,如果还有任何问题,欢迎骚扰

Logo

前往低代码交流专区

更多推荐