码迷,mamicode.com
首页 > Web开发 > 详细

pdf.js打印

时间:2018-10-24 17:51:44      阅读:786      评论:0      收藏:0      [点我收藏+]

标签:ima   直接   注意   online   cal   选择   line   htm   技术   

为了使在不同浏览器上打印显示页面一样,最终选择使用pdf.js打印效果。

直接把下载的pdf文件夹放到项目的js目录下

技术分享图片

页面上

<a  target="_blank" style="position:absolute;" id="jump"><span></span></a>

<a class="btn btn-primary print_"  href="javascript:;">打印预览</a> 

js部分

$(".print_").click(function(){
  Htjs.dialog.tips("请打印");
  var query=fullContent + "/app/enApplication/static/onlineReadPdf?id="+$("#ids").val();
  window.localStorage.setItem("url_app",query);

  //注意此步的地址要写对
  var url = fullContent + "/js/pdf/generic/web/viewer.html";

  //为了防止浏览器拦截,用此方法
  $("#jump").attr("href",url);
  setTimeout(function(){

  //前面我的文章写的是a标签的点击事件失效解决办法。
  /*document.getElementById(‘jump‘).click();*/
  $(‘#jump span‘).click();
  },1000);
});

pdf.js打印

标签:ima   直接   注意   online   cal   选择   line   htm   技术   

原文地址:https://www.cnblogs.com/wdd-cindy/p/9844588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!