Vue中如何在線預覽pdf文件

某次項目的需求中要實現pdf文件的在線預覽，百度了不少個實現pdf在線預覽的功能，感受看起來都是比較費勁，可能本身比較菜吧，可是總結了一下能夠實現這種結果的是pdf.js

能夠去pdf.js的官網下載文件： mozilla.github.io/pdf.js/gett… （官網地址）點開後選擇穩定版本

下載拿到pdf.js的文件入下圖 主要須要的是下面兩個文件

在腳手架3中咱們能夠將文件夾放在public文件夾下面

1.後臺返回的是服務器的文件地址

用這種方法打開

2.若是後臺返回的是文件流的格式

ps:pdf.js是不支持跨域文件加載的 直接加載是不會成功的。會報 「file origin doesnot match viewer」錯誤。 因此咱們得改變一下源碼： ==>> 註銷 viewer.js 的1565行便可

主要思路是將後臺返回的路徑或者文件流引入viewer.html文件中