pdf.js 适用于接口返回的是一个文件流展示

245 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

在这里插入图片描述 首先需要把pdf.JS下载下来放到自己的项目中

我们可以在项目中直接掉viewer.html

 window.open(process.env.BASE_URL + 'static/pdf/web/viewer.html')

如果从接口中获取加载pdf

 var pdfUrl = this.$API.EPE_GET_EECOPMTRACT_PREVIEWEECONTRACT + '?id=' + this.info.id

 window.open( process.env.BASE_URL + 'static/pdf/web/viewer.html?file=' + encodeURIComponent(pdfUrl))

注意 process.env.BASE_UR 一定要加,如果不加的算,你本地访问是404

我会我用的这个包放再资源项目里,可供下载。也可去官网下载 mozilla.github.io/pdf.js/