前言 现在的前端要处理越来越多的业务需求，如果你的业务中有涉及PDF的处理，你肯定会遇到这么一种情况， 在一个原始的pdf文件上合成进一张图片，或者一段文字。 之前的解决方案基本上是把图片扔给后端，让

先说这次的需求，需要在一个vue页面中的一部分实现预览pdf功能 一、全屏预览模式 先说直接全屏预览的，直接axios获取到数据，将流转为二进制文件， 可以window.open 也可以嵌入到a标签的

首先后端的接口返回的只要二进制文件流，不要其他东西，我之前有别的字段，二进制流就得转成字符串返给前端，前端就还要再把字符串转成二进制流，没必要importaxiosfrom'axios'exportc

之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅，于是找找…

今天产品提出一个优化的需求，就是之前我们做的图片展示就是一个img标签搞定，由于我们做的是海外后台管理系统，那边的人上传的文件时pdf格式，vue本事是不支持这种格式文件展示的，于是就google搜索，发现有iframe、embed、vueshowpdf(测试了不咋好用)、pd…

vue整合pdfjs，实现前端canvas预览pdf文件流，pdf拖拽定位盖章，实现盖章撤销等功能。

这是我参与更文挑战的第4天，活动详情查看： 更文挑战 前言 在写项目的过程中，偶尔会有使用到pdf的文件，当我们想看pdf文件的时候，你的操作是不是先把pdf文件下载下来，通过电脑安装的专用于打开pd

ps:pdf.js是不支持跨域文件加载的 直接加载是不会成功的。会报 “file origin doesnot match viewer”错误。 所以我们得改变一下源码： ==>> 注销 viewer.js 的1565行即可