求助vue+pdf.js

Question

请问各位大神有没有在Vue项目中展示PDF的插件/组件？在网上找了一下，很多人都说pdf.js很好用，在GitHub上看了pdf.js的官方文档和demo，那么多js文件，一脸懵逼，不知道怎么引用进去，有没有哪位大神做过这样的需求，可否指导一下？

Answer 1

我用过 pdf.js + vue;
引入的话 照抄这里的代码就差不多了
http://mozilla.github.io/pdf....

Answer 2

我用了个简易版本的，如果需要留言

Answer 3

我用过pdf.js + angular4, 现在已经支持full screen, print, find in document, zoom, page navigator等等， 你需要哪些需求可以留言。

Answer 4

官网给的demo是要将pdf.js下载到本地项目的中去引用，Vue项目中可以用pdf.js-dist这个库去使用pdf.js，具体的使用方法可以点击下面文章链接查看
http://www.chenhanpeng.com/PD...

Answer 5

在Vue项目中使用pdf.js的步骤

1.1 下载pdf.js-dist版本代码

我已经整理一个可用版本且解决了从URL跨域加载文件的问题
源码地址：https://demos.libertynlp.com/#/pdfjs-cors

1.2 解压并移动文件

将下载得到的pdfjs-cors.zip文件解压，解压后的文件夹移动到 Vue 项目的 public 文档中，为了方便，把pdfjs-cors重命名为pdfjs。此时public文件夹的目录如下，其中最重要的是viewer.html文件，这是pdf.js的入口文件

1.3 引入 viewer.html

在需要展示文档的Vue页面用iframe标签引入viewer.html文件。以下这一行代码无论是在HTML5和Vue.js项目中都是可用的。注意ifame必须指定高度。

<iframe src="pdfjs/web/viewer.html" frameborder="0" width="100%" height="700px;"></iframe>