jQuery打印插件jqprint实现打印功能 带打印图片

做打印准考证的功能,使用了JQuery Jqprint 来做。能打印带图片,在chrome  360浏览器下测试能正常使用。有些人会遇到加载多张图片时,有些图片显示不全,或者没有显示出来,因为是js异步。在jquery.jqprint-0.3.js 中有一个settimeout处理代码:

setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);//如果多张图片建议把时间设置大点3000+

1.页面中需要用到Jquery.js   、jquery.jqprint-0.3.js、jquery-migrate-1.4.1.min.js(兼容文件) 如搭配不好会有版本兼容问题。

2.html页面引入三个js文件。

3.怎么调用jquery.jprint 

jQuery打印插件jqprint实现打印功能 带打印图片_第1张图片

  html页面中代码:

$(document).ready(function($){//该步很关键,刚开始没加,发现老是提示jprint.js 中$iframe[0].contentWindow.document;为undefid
$('#printContent').jqprint({
    debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
    importCSS: true, //true表示引进原来的页面的css,默认是true
    printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
    operaSupport: false//,//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
})
})

以上三步调用完成。

效果

jQuery打印插件jqprint实现打印功能 带打印图片_第2张图片

你可能感兴趣的:(java,jqprint,jquery,打印)