vue使用pdf.js预览pdf文件的方法

我们在页面进行pdf预览的时候，由于有些文件不能够进行打印和下载，这时候我们使用window自带的pdf就很难满足客户的需求，因此需要另外的办法来支持我们进行特殊条件的pdf文件预览，这里我采用引入pdf.js文件的形式来达到目的。

第一步：下载pdf.js　　

　　　　引入pdf.js文件

　　　　地址如下：http://mozilla.github.io/pdf.js/getting_started/

　　　　目录的piblic下

if(type_ == "pdf"){ var blob = new Blob([response.data], { type: that._type_ }) var href = window.URL.createObjectURL(blob); //创建下载的链接 window.open("/build/generic/web/viewer.html?file="+href); } })

最后

　　如果你想要的禁掉pdf文件的下载、打印等功能，最简单的方法是，找的自己导入文件里的viewer.html，路径为build下的generic文件夹下的web里的viewer.html，如下：

　　在这个html里找到对应下载的dom直接display:none就可以，切记不可以注掉，注掉会报错。如下，红色框中，一个是下载一个是打印，直接隐藏就可以。

如果有人问这样也不安全，那可以和客户商量不在页面展示，因为只要页面可以看到的东西，截屏也可以截下来，注定是不安全的。