PDF.js预览文件实现在线预览pdf文件

首先下载源码。把他放在自己的文件里面。

下载地址：https://download.csdn.net/download/qq_33769914/12746859

然后<iframe ref="mainiframe" width="100%" height="500px"  :src='../static/js/pdf/web/viewer.html?file=' + http://xxxx.pdf></iframe>

我使用的vue所以直接在页面上把src写上了。前面是view.html的相对位置，加上?file加上pdf的地址，（这个pdf的地址是存在服务器的pdf文件地址，你在浏览器窗口打开的话是可以预览的，比如下面的效果。地址是https://orgoss1.vvwx.net/web/pdfconverter/2020-07-25/7344414f017a643a0a4adf7c3c36894a.pdf）。就可以 啦。