VUE pdf.js 打开 pdf流文件

作者: my木子 | 来源:发表于2021-01-07 14:50 被阅读0次

VUE pdf.js 打开 pdf流文件
ajax 跨域携带COOKIE
vue 日常使用
2020-07-22 web项目引入PDF.js并添加水印禁止下
vue-pdf.js 在线预览问题
uni-app pdf在线预览
pdf.js插件的使用
Pdf.js 传递一个带 # 的 path 出錯
iOS使用pdf.js打开PDF文件
在线预览pdf

1、文件下载后，放在 static文件目录下，新建 pdf 文件夹。

   openPDF(item) {
      const url = `${api}/api/order/orderItemLogistics/pdf/viewOrDownload?orderId=${item.orderId}&fileName=电子运单&type=1`
     const pdfUrl = './static/pdf/web/viewer.html?file=' + encodeURIComponent(url)
      window.open(pdfUrl)
    }

2、当viewer.html页面的域和pdf文件域不一致的时候，会报 “file origin does not match viewer”错误，我是通过注销viewer.js中的源码解决的。

 if (origin !== viewerOrigin && protocol !== "blob:") {
        // throw new Error("file origin does not match viewer's"); // 注销
      }

参考

VUE pdf.js 打开 pdf流文件
pdf.js插件官网[http://mozilla.github.io/pdf.js/getting_starte...
ajax 跨域携带COOKIE
背景：项目中用pdf.js插件打开pdf流文档遇到问题如下：在PC浏览器中通过插件打开pdf流文件，cookie...
vue 日常使用
一. vue 使用 pdf 插件使用Vue Cli生成项目下载pdf.js 解压下载后的文件，将文件夹里面的b...
2020-07-22 web项目引入PDF.js并添加水印禁止下
目录web项目引入PDF.js并添加水印禁止下载下载并引入PDF.js实现预览动态预览PDF文件隐藏打开、下载、...
vue-pdf.js 在线预览问题
最近修改公司vue项目中使用pdf.js来实现在线预览上传的各类文件.由于使用pdf.js在预览时是直接在标签内将...
uni-app pdf在线预览
使用pdf.js在线预览pdf文件
pdf.js插件的使用
这个是打包后的pdf.js包，build里面是核心的pdf.js等文件，web文件夹是给出的例子，一个使用了pdf...
Pdf.js 传递一个带 # 的 path 出錯
Android中用Pdf.js 查看PDF文件，docPath 为一个sdcard上的可访问PDF文件路径发现当...
iOS使用pdf.js打开PDF文件
最近研究了下iOS打开PDF文件的方式，由于项目需要在浏览PDF文件时能使用HTML格式文件，调研了一下iOS中打...
在线预览pdf
要求在HTML页面中打开PDF 解决方案采用第三方插件pdf.js,但是需要注意：pdf文件和HTML需要在同一个...