vue+elementUI 打印pdf文件

后台管理系统里经常需要打印功能，常见的是打印页面对象，但是打印指定的pdf文件就比较麻烦，

这里就实现了，把需要打印的pdf文件放在一个iframe里，然后在子窗口打印

用户操作：点击按钮可以触发打印（如下图）

效果如下

具体代码如下

methods: {// 打印doPrint() {console.log("触发打印");let filePath = "/static/JavaScript高级程序设计第四版.pdf";this.print(filePath);},// 打印方法print(filePath) {console.log("执行打印");let iframe = document.createElement("iframe");iframe.style.border = "0px";iframe.style.position = "absolute";iframe.style.width = "0px";iframe.style.height = "0px";iframe.style.right = "0px";iframe.style.top = "0px";iframe.setAttribute("src", filePath);iframe.onload = () => {iframe.contentWindow.print();// setTimeout(() => {//     document.body.removeChild(iframe);// });};document.body.append(iframe);
}

这样只需要传一个pdf的路径作为参数就可以打印了，当然要是项目需要打印的地方多，也可以直接封装成公共的

vue+elementUI 打印pdf文件相关推荐

VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
java生成pdf_Java实现PDF文件生成并且打印pdf文件 demo
## Java实现PDF生成并且打印pdf文件(附demo) #### 目录: 0. 效果预览 1. 准备环境 2. Java如何调用打印机进行打印 3. Java如何生成pdf打印文件 4. 实现p ...
【第六篇】Qt学习与使用---在qt中打印PDF文件（不是生成PDF）
1.目的如题,打印pdf文件中的内容. 2.思路 (1)思路1:可以通过Poppler类来读取pdf中的内容,并转化成图片,再打印这些图片.这个方法的瑕疵是,需要在打印的时候准确的写出一页图片在A ...
网页上打印PDF文件
在网页上打印pdf文件,有两种方式:可以是在java后端通过调用iText PDF的jar包的方法实现PDF打印;也可以在前端调用lodop插件打印pdf文件. PDF文件的内容可以是表格,图片等等, ...
net中c#教程如何创建、合并、下载、打印pdf文件？
net中c#操作pdf文档,有很多插件可以使用,这里推荐其中的一个,名字叫iTextSharp,Nuget直接搜就可以找到.它能够创建与合并pdf文件.至于下载和打印pdf文件,则是通过其他方法完成的 ...
java打印pdf_java操作打印机打印pdf文件
小弟近来用java开发系统需实现一个程序操控打印机直接打印pdf文档的功能,查阅API丛书后编写的代码如下: import javax.print.*; import javax.print.attr ...
SpringBoot+Vue+mybatis生成pdf文件（表头跟页码，适应上传linux服务器后的操作）
SpringBoot+Vue+mybatis生成pdf文件(表头跟页码,适应上传linux服务器后的操作) 为什么使用后端去生成说明依赖后端目录控制器代码模板代码前端代碼最終效果为什么 ...
PowerBuilder 10 下调用FoxitPDFSDK_AX_Pro.ocx浏览打印PDF文件
在PowerBuilder中浏览.打印PDF文件,该代码已经在PB 10.5版本下测试可用. 使用的控件为FoxitPDFSDK_AX_Pro.ocx,该控件无水印,亲测可用. 具体操作步骤如下: 1 ...
java 连接打印机实现打印PDF文件的功能
java 连接打印机打印PDF文件需求背景是导出excel并且打印,excel导出设置和转PDF网上有很多资料,本文只记录连接打印机打印PDF的部分. 1: 需要引入maven配置 <depe ...
【项目管理】Java使用pdfbox调用打印机打印PDF文件
[项目管理]Java使用pdfbox调用打印机打印PDF文件 1.项目前言 2.项目实现 3.关键代码 4.效果演示 5.问题处理 5.1 安装对应字体 5.2 修改对应代码系统:Win10 Jav ...

vue+elementUI 打印pdf文件

vue+elementUI 打印pdf文件相关推荐

最新文章

热门文章