VUE 获取PDF文档流直接打印

一、项目需求

　　前端点击按钮直接调起打印对应pdf文档。

二、踩坑

　　刚开始通过api获取后端给的PDF地址，创建一个隐藏的iframe标签src设置为pdf地址；前端通过获取隐藏的iframe标签的id来实现打印指定内容；

　　存在iframe跨域问题，不能直接调起print()方法，取消iframe隐藏虽然能看到加载出pdf，但多了点击打印按钮的步骤。

三、解决方法

　　api改为获取pdf文档流，前端将文档流转为blob地址，放到js创建的隐藏iframe标签内；再执行print()方法。

PrintBtnClick(record){PrintApplication({projectId:record.projectId}).then(res=>{const blob = new Blob([res.data], { type: 'application/pdf' })var date = (new Date()).getTime()var ifr = document.createElement('iframe')ifr.style.frameborder = 'no'ifr.style.display = 'none'ifr.style.pageBreakBefore = 'always'ifr.setAttribute('id', 'printPdf' + date)ifr.setAttribute('name', 'printPdf' + date)ifr.src = window.URL.createObjectURL(blob)document.body.appendChild(ifr)this.doPrint('printPdf' + date)window.URL.revokeObjectURL(ifr.src) // 释放URL 对象})
},
doPrint(val) {var ordonnance = document.getElementById(val).contentWindowsetTimeout(() => {ordonnance.print()}, 100)
}

VUE 获取PDF文档流直接打印相关推荐

[开发笔记]-C#获取pdf文档的页数
[操作pdf文档]之C#判断pdf文档的页数: /// <summary>/// 获取pdf文档的页数/// </summary>/// <param name=&quo ...
使用pymupdf获取pdf文档中的文本下划线信息（全网唯一解决方案）
1,问题描述最近,公司需要对一批pdf文档进行解析,获取其中文字,并再展示到前端页面上.如果单纯地提取文字,其实非常容易,但麻烦的在于保存原有文档中的文本格式,例如加粗.斜体.下划线,以及三者的各种 ...
itext设置pdf的尺寸_如何获取pdf文档iText 7的页面大小-问答-阿里云开发者社区-阿里云...
我在iText 7中有一个Java程序,可以接收JSON数据并生成一个PDF文档(带有页眉和页脚),该文档可以很好地处理clientData注释中的变量中的数据,但是当在无注释clientData中使 ...
Java获取文档页数_获取PDF文档中的页数
一个简单的命令行可执行文件,名为:pdfinfo . 这是downloadable for Linux and Windows . 您下载包含几个与PDF相关的小程序的压缩文件 . 在某处提取它 . ...
vue下载xlsx文档流(导出功能)
一.记录一次前端下载xlsx文档流: 思路: 1. 调用接口接受后台返回的文档流资源, 2.通过内置对象Blob构造器进行解析得到链接地址 3.通过a标签的下载功能得到资源说下中间踩得坑, 首先项目 ...
C# / VB 获取PDF文档的数字签名信息
文档中的数字签名具有不可否认性,可有效防伪防篡改.对文档中已有的数字签名信息,可通过一定方法获取,下面通过程序代码介绍如何来实现.程序中,使用了Spire.PDF.dll,版本:6.11.6,可自行在 ...
PyPDF2--如何使用python操作你的PDF文档
PyPDF2–如何使用python操作你的PDF文档前言大家好!最近想操作一下PDF文档,总是收费,于是浅尝辄止地了解了一下python当中的PyPDF2这个库.借助本篇博客总结了一下个人所学到的 ...
iOS 开发之 pdf 文档的加载与浏览的 4 种方式
原文链接:http://www.jianshu.com/p/1d4305a02ea5 在我们的开发中,有些像电子书类型的 app 的开发会涉及到 pdf 文档的加载与展示.由于笔者项目中正好涉及到这块 ...
【教程】Spire.PDF教程：C# 如何提取 PDF 文档中的文本和图片
Spire.PDF是一个专业的PDF组件,能够独立地创建.编写.编辑.操作和阅读PDF文件,支持 .NET.Java.WPF和Silverlight. [下载Spire.PDF最新试用版] 文本和图片 ...

VUE 获取PDF文档流直接打印

VUE 获取PDF文档流直接打印相关推荐

最新文章

热门文章