jqprint的网页打印,打印预览可以包含图片

自己负责的模块需要有个试卷打印的功能,需要将网页特定范围内的内容打印出来,所以选择了jquery.jqprint脚本

用起来也非常简单。

//打印
    $("#printPage").jqprint({
        debug: false,//如果是true则可以显示iframe查看效果,默认是false
        importCSS: true,//true表示引进原来的页面的css,默认是true。
        printContainer: true,//表示如果原来选择的对象必须被纳入打印,默认是true。
        operaSupport: true///表示如果插件也必须支持歌opera浏览器,默认是true。
    });

但是遇到一个问题,就是在页面有很多图片的时候,用谷歌浏览器打印预览的时候,预览的页面不会显示所有的图片,这样打印出来也没有显示图片。

查来查去,只能是jqprint脚本的问题,最后多次测试,发现将脚本里面

setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);

的时间从1000调至3000就会显示所有图片。

虽说找到了原因,程序跑通了,但是原理还是不知道,希望有人能看到这篇随笔来指点一下。

我猜应该是打印预览也是慢慢加载的,如果给的时间多的话,图片在这个时间能加载出来,就会在打印预览时出现。

时间: 2024-10-17 08:04:17

jqprint的网页打印,打印预览可以包含图片的相关文章

HTML5时代的纯前端上传图片预览及严格图片格式验证函数(转载)

原文地址:http://www.2cto.com/kf/201401/274752.html 一.要解决什么样的问题? 在写这个函数之前,有们童鞋在群里问如何纯前端严格验证图片格式.这在html5时代之前,那是不可能实现的,必须要上传到后台,由后台脚本读取文本流后进一步验证.这样就造成了一定的服务器资源浪费.但是html5时代,这个工作我们完全可以交给前端来做了. 另一方面,html5时代,许多我们原来的图片预览方案都失效了.究其原因,其实是现代浏览器出于对用户隐私的保护,file控件不再提供真

Ubuntu下预览raw格式图片

默认Ubuntu下资源管理器是不可以直接预览raw格式图片的,这就给查看图片带来很大的不便,下面我们就选择安装UFRaw来预览Raw格式图片 1. 首先在terminal安装UFRaw sudo apt-get install ufraw 2. 然后在/usr/share/thumbnailers 下添加文件ufraw.thumbnailer, 文件内容如下 [Thumbnailer Entry] Exec=/usr/bin/ufraw-batch --embedded-image --out-

winfrom 打印和预览

在windows应用程序中文档的打印是一项非常重要的功能,在以前一直是一个非常复杂的工作,Microsoft .Net Framework的打印功能都以组件的方式提供,为程序员提供了很大的方便.由于工作中常用到印功功能,个人写了一个专门打印DataGridView对象一个类,可以实现预览和打印功能,而且自动缩放字段.添加颜色:在预览时可以根据不同的比例查看效果,可以查看第几页数据和直接打印第几页的 数据.请看效果图. 二.附上调用代码 三.提供源码: 1 using System; 2 usin

Android实战技巧之四十七:不用预览拍照与图片缩放剪裁

副标题:Take Picture without preview Android Google出于对隐私的保护,制定了一条门槛,即在Android应用开发中编写拍照程序是必需要有图像预览的.这会对那些恶意程序比如Android中泛滥的Service在后台偷偷记录手机用户的行为与周边信息.这样的门槛还包括手机厂商自带的相机软件在拍照时必须是有声音,这样要避免一些偷拍的情况. 处于技术调研与一些特殊无害场景的使用,我们要用到不用预览的拍照.此文就是以此为背景,做的一些调研.只是用不多与五款手机测试,

图片上传预览(包含大小压缩)

之前开发了一个图片上传的页面.但是由于主要是用于微信中,调用手机摄像头拍照,照片都是M为单位,太耗流量,于是进行修改. 原本采用的直接是上传文件的方式,现改为使用canvas进行绘图,传递照片base64字符串. 调整后的代码: 页面HTML: <input type="file" capture="camera" accept="image/*" name="img1" id="img1" styl

WPF &lt;Image/&gt;标签预览可以显示图片运行后不显示

问题: 使用<Image HorizontalAlignment="Left" Height="100" Margin="106,111,0,0" VerticalAlignment="Top" Width="100" Source="image\money.png" /> 在预览不运行的情况下可以显示图片,但是运行后却是空白的. 解决: 百度都是说什么图片属性什么的,然而都

调用相机,选择图片上传,带预览功能、图片压缩、相机文字设置、

摘要 iOS调用相机,iOS调用相册,保存至应用程序沙盒,高保真压缩图片,并有点击放大预览,再次点击缩回至原大小,带动画效果,附源码下载地址. Xcode版本4.5.1 类库ios6.0 IOS调用相机 图片预览 图片上传 压缩图片 模拟器添加图片 目录[-] 判断是否支持相机,跳转到相机或相册界面 七.保存图片 高保真压缩图片方法 八.实现点击图片预览功能,滑动放大缩小,带动画 ps:模拟器添加图片 源码下载地址: 一.新建工程 二.拖控件,创建映射 三.在.h中加入delegate ? 1

用Ajax图片上传、预览、修改图片

首选图片的上传和下载并不是很难,但要注意细节. 一,给出前端图片上传的html代码 1.图片上传的控件 <img src="/${res}/images/default.png" alt="" class="backimg"> <form method="post" id="imgform" enctype="multipart/form-data" action=&q

微信小程序 上传、预览、删除图片

<view class="allImgBox"> <view class="imgBox" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this"> <image src="{{item}}" data-index="{{index}}" mode="aspectFill"