vue实现pdf打印预览

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

 if (window.navigator.msSaveBlob) { // IE //IE无法打开Blob URL链接，所以不能预览只能通过window.navigator.msSaveBlob下载//注：msSaveBlob的第二个参数要有.pdf后缀，不然IE下载后是没有后缀的文件const blob = new window.Blob([res], { type: 'application/pdf;charset-UTF-8' });window.navigator.msSaveBlob(blob, `${filename}.pdf`);} else {const blob = new window.Blob([res], {type: 'application/pdf;charset-UTF-8',});const href = URL.createObjectURL(blob);window.open(href);}

vue实现pdf打印预览相关推荐

解决pdf打印预览中遇到特殊字符，导出失败问题
解决pdf打印预览中遇到特殊字符,导出失败问题参考文章: (1)解决pdf打印预览中遇到特殊字符,导出失败问题 (2)https://www.cnblogs.com/king-xg/p/697236 ...
smartforms以PDF打印预览
Smartforms打印预览的时候,传统的打印预览方式无法支持放大.缩小进行预览(可以看到预览界面上放大.缩小按钮是灰掉的). 那么如何才能放大.缩小进行预览?目前我所知的方法有二: NO.1 使用命 ...
java web pdf 打印预览_java原装代码完成pdf在线预览和pdf打印及下载
前提准备: 1. 项目中至少需要引入的jar包,注意版本: a) core-renderer.jar b) freemarker-2.3.16.jar c) iText-2.0.8.jar d) iT ...
vue项目实现打印预览、生成（导出）文档功能
这个功能其实也是自己学习到的,做完也有一段时间了,一直想记录总结一下,但一直没时间,今天总算闲了一点,趁一大早活还没找上门来,赶紧抓住时间鸭! 1.打印预览打印预览说白就是实现快速跳转新页面预览信息 ...
Winform中使用FastReport实现自定义PDF打印预览
场景 Winform中使用FastReport实现简单的自定义PDF导出: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1009 ...
VUE 前端PDF分页预览、下载
一.安装PDF插件依赖 // pdf预览 npm install vue-pdf --save// pdf下载 npm install downloadjs 二.完整示例 <template&g ...
详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
动态生成的html页面转pdf并且打印预览
文章说明程序的功能: 通过js动态生成html页面并将该页面传送到后台转成pdf,再通过前台将pdf打印预览先大约讲述一下具体实现过程 1.在js页面将你自己需要拼装好html页面通过ajax传到 ...
Vue PDF文件预览打印vue-pdf
Vue PDF文件预览vue-pdf 最近做项目,遇到预览PDF这个功能,在网上找了找,大多推荐的是pdf.js,不过在Vue中还是想偷懒直接npm组件,最后找到了一个还不错的Vue-pdf 组件,G ...
vue-pdf+element实现全屏窗口pdf分页预览，pdf打印实现和解决打印乱码
一.源码 vue-pdf打印实现和乱码解决https://download.csdn.net/download/lucky_fang/85498529 二.全屏窗口打印预览效果分页预览pdf 窗口采 ...

vue实现pdf打印预览

vue实现pdf打印预览

vue实现pdf打印预览相关推荐

最新文章

热门文章