uniapp 使用PDF.js实现在线预览

4,396 阅读1分钟

1 第一步 将下面的文件放到 项目的根目录() 文档:PDF.JS.note 链接:note.youdao.com/noteshare?i… 里面的hybrid 文件不要修改 直接解压放到你的项目里面 2 第二步在 pages 这个文件夹里面新建一webView.vue 这个文件

下面是 webview.vue 里面的代码 直接复制使用就好了

第三步 就很简单了 看代码

第三步就是跳转到webView.vue 这个文件里面这样就实现了pdf预览

this[imgListName][index].src 就是我PDF的地址 我这个 适用于 后台返回的是文件流 如果你们后台返回的不是文件流 那也不需要这么麻烦直接 把后台 给你的地址传到webView.vue
tip 如果你不确定是不是文件流 你直接在地址栏上面把你们后端返回的地址 敲一下 如果直接下载了 那就是文件流 如果没下载 直接把PDF预览了 那就直接把这个地址 传值到webView.vue 也就是allURL