vue实现pdf打印预览

最新推荐文章于 2025-03-03 20:23:45 发布

橙子微笑

最新推荐文章于 2025-03-03 20:23:45 发布

阅读量1.5k

点赞数 1

分类专栏： VUE 文章标签： html html5 jquery

本文链接：https://blog.youkuaiyun.com/m0_44949211/article/details/121650722

版权

本文介绍如何在Vue中处理后端返回的PDF文件流，将其转换为预览路径并利用window.open()方法进行打印预览。前端通过调用后端接口获取文件流，然后进行相应的处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue实现pdf打印预览

**前言：**前端调用后端接口，返回给前端的是文件流，而不直接是路径，这时前端需把文件流转成路径，再使用window.open()方法，打开pdf实现预览打印
代码如下：
注：res是后端返回的文件流

 if (window.navigator.msSaveBlob) {
    // IE 
        //IE无法打开Blob URL链接，所以不能预览只能通过window.navigator.msSaveBlob下载
        //注：msSaveBlob的第二个参数要有.pdf后缀，不然IE下载后是没有后缀的文件
          const blob = new window.