web生成pdf后的直接打印,隐藏iframe

最新推荐文章于 2024-07-12 11:18:10 发布
最新推荐文章于 2024-07-12 11:18:10 发布
阅读量6.5k 收藏 4
点赞数 1
文章标签： web生成pdf后的直接打印
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luan729/article/details/51916386
版权
这篇博客介绍了一个在Web应用中生成PDF文件并直接进行打印的方法。通过使用一个隐藏的iframe，当用户点击“Print”按钮时，iframe加载包含PDF的URL，从而触发打印操作。示例代码展示了如何在JavaScript中实现这一功能，提供了ASP.NET的参考链接和实例下载地址。
摘要由CSDN通过智能技术生成

页面  <iframe id="iPrint" style='height:0; width:0;' ></iframe>

<input type="button" value="Print" οnclick="PrintPdf()"/>

<script type="text/javascript">

function PrintPdf() {

           if (document.getElementById("iPrint").attachEvent) {

                document.getElementById("iPrint").attachEvent("onload", function () { document.getElementById("iPrint").focus(); document.getElementById("iPrint").contentWindow.print(); });


            } else {
                document.getElementById("iPrint").onload = function () {
                    document.getElementById("iPrint").focus(); document.getElementById("iPrint").contentWindow.print();
                }
            }

            docume

最低0.47元/天 解锁文章
luan729
关注
使用jspdf生成pdf报表
12-08
在现代Web应用中，生成PDF报表的需求越来越普遍，特别是在用户需要离线查看或打印数据时。本场景中，我们讨论如何使用JavaScript库jspdf来创建PDF报表，特别是处理前端动态生成的HTML图表，这些图表可能包含SVG元素...
直接打印PDF文件，不弹出打印设置窗口
01-09
直接打印PDF文件，不弹出打印设置窗口
在web页面打开pdf文件并打印
kexianjun66的博客
10-22 2340
需求：用户在前段页面点击打印按钮，打开pdf文件并打印，这样可以减少用户的操作次数，增强用户体验性。 思路：用iframe标签加载pdf再打印 1.js动态加载iframe标签： 2.兼容IE浏览器 <script type="text/javascript"> $(document).ready(function(){ var str = '<iframe style="display:none" id="printIframe" src="http://localhost.
前端实现PDF文件打印和下载
qq_42072014的博客
07-12 1385
通过本文的介绍，你已经学会了如何在前端实现PDF文件的打印和下载功能。这不仅可以增强你的Web应用的功能性，还可以提高用户体验。记得在实际应用中，根据你的具体需求调整代码，并确保遵守相关的版权和隐私法规。
分享一个好用的网页pdf打印插件
dbitc的博客
01-04 1920
PrintFriendly
web 静默打印PDF插件(类似lodop)
风舞的专栏
02-23 740
仅需安装插件，即可完成web静默打印PDF。微信号联系：leechina79。支持批量打印，JSON传参。跨域支持，端口可自定义。可本地指定默认打印机。
pdf在线打印预览插件
02-25
实现pdf在线预览，打印，下载，亲自测试，安全可用 在线演示:http://www.jq22.com/yanshi649
jq 点击iframe内部元素关闭iframe
我不晓得
08-15 1943
iframes页面 <script> $(window.parent.document).find(".assets_edit").addClass('none'); </script> 引入iframes页面 <div class='assets_edit'> <iframe src=''></iframe> ...
ASP NET web 打印PDF
08-16
ASP.NET Web打印PDF技术主要涉及两个关键点：一是如何在Web环境中生成PDF文件，二是如何实现从网页直接打印这些PDF。这项技术对于那些需要在线提供报告、发票或合同等文档的Web应用程序尤其重要。 首先，生成PDF...
web下使用itext renderer将html生成pdf
12-12
5. **生成PDF**: 最后，所有元素和图像被组合成一个完整的PDF文档，用户可以下载或在线预览。 **三、使用步骤** 1. **添加依赖**: 首先需要在项目中引入iText和iText Renderer的依赖库，如果是Maven项目，可以通过...
html2canvas生成pdf(html高度自适应带iframe)
01-12
使用html2canvas及jspdf 将带iframe的页面保存成pdf,解决有滚动时不能全部截取的问题及转换过程中背景黑色的问题
pb11.5 web开发 - 打印
永生天地
08-12 6091
PB11.5做web开发中打印的功能完全不同于原先的windows程序。在web开发中，打印首先要在服务器端创建一个pdf文件，再通过客户端浏览器打开这个pdf文件来进行打印，当然也可以把pdf文件下载的本地再打印。可以支持函数有Print, PrintCancel, PrintClose, PrintDefineFontDefine, PrintLine, PrintOpen, Prin
WEB利用PDF实现打印和排版
jimil的专栏
04-03 2829
大家都知道WEB上，打印是天然的限制，各种不方便，这里不一一阐明了，即使用了JS控制，水晶报表打印等还是一样，这里介绍一种方法，利用PDF和ADOBE READER实现的打印功能。 AdbeRdr大家都使用过，不知道大家有没有发现，它有一个插件，当IE打开PDF时，直接以它打开，而它的各种功能都非常齐，这就提供了我们一个思路，利用PDF来实现，这里来说一点，就是生成PDF，网上有PDF生
推荐开源项目：Odoo Web PDF 预览与打印模块
gitblog_00083的博客
04-08 398
推荐开源项目：Odoo Web PDF 预览与打印模块 项目地址:https://gitcode.com/buke/odoo-web-pdf-preview-print 在日常工作中，PDF文件的预览和打印功能是必不可少的。如果你正在使用或者打算使用Odoo这个强大的企业资源规划（ERP）系统，那么你应该了解一下odoo-web-pdf-preview-print这个开源项目。它为Odoo提供了无...
禁止 PDF 保存
lihaiyin的专栏
06-09 2752
上次在无法解决PDF保存按钮隐藏的帖子出后，想了个损招，用一张图片压住保存按钮……让用户点不了。 于是在同事的帮助下，在网上搜到了个iframe遮挡的办法： 1. 把iframe的src属性赋予pdf的地址，使得iframe直接显示PDF，style中设置z-index：10 2. 在另一个空的iframe的style中设置z-index：20; position:ab
WEB中前台JS控制打印PDF文件
热门推荐
似水流年
02-09 3万+
最近遇到项目中需要在浏览器中一键打印 远程PDF文件，经过网上搜集资料最终选择了在客户端安装adobe reader后，实现上从服务器端下载一个pdf文件流，在IE中用adobe插件打开（在前台页面中隐藏Object标签），然后用adobe的打印菜单通过printWithDialog()打印。 源码如下：function bulkpdfPrint(srcFile){ var pdf = d
如何打印IFRAME中的内容
weixin_33720078的博客
09-19 344
: Here's a quick little tip that demonstrates how to print the contents of an IFRAME from the parent window using JavaScript. I've seen on several discussion forums that this isn't possible when it is...
pdfobject实现pdf预览，取消下载旋转打印按钮
lwenl的博客
04-13 1555
一、下载pdfobject.js 二、CSS样式 <style type="text/css"> html, body, #pdf_viewer { width: 100%; height: 100%; margin: 0; paddi...
iframe加载pdf如何自定义左上角名称
最新发布
09-12
在HTML中使用`iframe`标签加载PDF文件时，通常情况下`iframe`本身并不提供直接修改左上角文档名称的属性或方法，因为`iframe`只是作为一个容器来展示内容，并不具备直接控制加载内容内部元素的能力。 但是，可以通过一些间接的方式来实现类似的效果，例如使用一些PDF阅读器插件或API，它们可能提供了一些定制化的接口。或者通过在PDF文件本身上进行修改，比如在PDF文件生成时添加自定义的watermark或者在PDF阅读器提供的工具栏上进行定制。具体实现方式会依赖于你所使用的PDF阅读器插件或API。 如果是在Web应用中，还可以通过在`iframe`外部包裹自定义的HTML内容，并且用CSS控制其显示位置来模拟一个带有文档名称的标题栏。然而，这只是一种视觉上的“欺骗”，并没有真正改变`iframe`内部PDF的标题。 例如，可以使用以下的HTML结构和CSS样式来创建一个模拟的效果： HTML: ```html <div class="pdf-container"> <div class="pdf-title">自定义文档名称</div> <iframe src="your-pdf-url.pdf" width="600" height="800"></iframe> </div> ``` CSS: ```css .pdf-container { position: relative; } .pdf-title { position: absolute; top: 0; left: 0; background-color: #f3f3f3; padding: 5px; z-index: 10; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值