js实现pdf打印预览功能

❶ 如何在java中用javascript来打印pdf

纯Java的解决方案：
我们首先想到的自然就是JDK1.4提供的JPS（Java Printing Service）啦，不过，这东西虽然说支持的Flavor,但是，不管是个人实验还是网上他人的评论，好像根本就是useless，可能如果说你 的打印机Driver支持PDF的Flavor的话，JPS会检测到你的driver的这个特性，能够成功的打印PDF文档出来，但是，大部分情况下，这 种情形是不成立的，故此JPS死路一条啦！
让我们看看PDF的老家Adobe那里有没有什么法宝，我们发现一个Viewer Bean的组件，说是可以将PDF以Bean组件的方式潜入到Swing中，哇，太爽了，不过慢着，协议上说不提供任何支持，也不保证不出任何问题，管那 么些，试过再说，一实验才知道，靠，Exception频发，而且这个组件较为陈旧，还是扔一边吧！
还有一个PDFBox，Open Source的，不过对中文支持不好，而且好像开发进度也不是很好，没有发布一个正式的版本，基本上不能用于生产环境；
最后，求助于Commercial的产品吧，实验了一下ActiveTree的JPrint，感觉不错，完全可以胜任我们的需求而且恰到好处，不过授权费 很贵,Email问过之后的答复是2000USD的最低购买，呵呵，虽然日本人很有钱，但也心疼这个银子啊，所以最终也得作罢！（ActiveTree的 授权其实挺令我ft的，他其实在2003年的时候是可以免费使用的，但之后就变卦了，呵呵，当时记得我还给提过一些bug之类，算了，人家做出这个东西也 不容易）
其他商业产品也是价格不菲，所以，基本上纯Java的solution到这里就否决了，让我们看Java－Com的解决方案吧！

Java－Com 的解决方案：
在前一条路走不通之后，我痛定思痛，决定转向自己不熟悉的领域，ms的领地，我打算从Java中调用Com组件，由Com组件来帮助我们实现PDF的打印 工作，不够这条路也不是一帆风顺那！
我们知道，Acrobat Reader在发布的时候会随同发布一个支持浏览器的com组件用来manipulate他的这个PDF文档格式，所以，我们想要本地调用这个随同发布的 Com组件来实现PDF打印。虽然Version5，6，7的这个组件格式不一样（5，6是以ocx的格式发布，7是以dll的格式发布），但是，不管那 么些，先从7开始吧！
要调用com，那么我们需要一个从java到com的Bridge，所以，jacob第一个跃入我的脑海，因为之前就用过嘛！但是麻烦来了，我们并不知道 这个com组件提供了那些调用接口啊！哎，没办法，回学校求教熟悉.net的同学，给好不容易弄出几个需要的调用方法（哎，可怜我的周末啊），星期一就回 来用jacob调用啦，可是左试右试就是一直抛异常，我那个气啊！难道是jacob的为问题？！我就又找了jcom和jcom2等类似的产品，但jcom 全是日文文档，没有办法，而jcom2估计也是一个德行（我忘了为什么当初否决了这个），所以就决定试一试商业产品吧！
这方面的商业产品主要有J-Integra，JPanel（好像叫这个名字）以及一个叫JNIWrapper的产品（这个是一个人用用来演示在java中 使用Acrobat5打印PDF的时候提到的）。这些商业产品好的地方就是他可以根据某个你要调用的com组件为你自动生成相应的Proxy对象java 代码，这样你就可以直接调用你熟悉的java代码了。像jacob等开源项目，如果给出一个类似的code generation工具的话，就完全不逊于这些商业产品啦。鉴于商业产品的价格，我最终还是否决了这些（日本人其实也听抠门的）。
这样，Java-com也对这个问题没辙了。
不过，最后在我的解决方案中，我还是使用了Jacob,这是后话，暂且不提...

那我们考虑一下，如果PDF打印不行，打印其他格式行不行？！比如图片，这个JPS可以完全打印，所以，我们找一下有没有将PDF格式转换为其他格式的工 具吧！

PDF格式转换的解决方案：
在这个领域，主要的就是有GhostScript/GView和ImageMagick，前者可以将PDF格式转换为PostScript格式，但是好像 GhostScript也不能用JPS完全打印出来；而后者是一个将PDF转换为Image的API工具，他的Java实现叫JMagick，但他有一个 跟GhostScript同样的问题，就是要转换，就必须在本地安装，然后通过命令行的方式调用，这个显然也不是很好，而且集成性很差，还是作罢！

剩下的一个是命令行调用啦，这是从itext网站找到的，你可以通过在命令行运行AcroRd32 /p /h "path to PDF file"这样的命令来打印你要打印的PDF文件，当然，你可以在PDF文件生成后就将他们依次放入一个批处理文件来执行这些打印命令，但是这个方案唯一 的问题就是，每打印一个文件都会启动一个Acrobat Reader窗口而且必须手动关闭，这现在不能满足目前的系统要求。
好了，所有的方案基本上都罗列完了，也没有找到一个可行的方案:-(
(没有银子嘛，不然Activetree的JPrint不错的说）

这些东西差不多郁闷了我3，4天吧，那几天简直就是bored to death.

不过，在郁闷的这几天的结尾，却有一道灵光闪过我的脑海...
能不能说启动一个打印service，当文档要打印的时候，直接发送给它就行了那？！而恰好我发现一段在网页中加载PDF文档的Javascript代 码，而且完全可以使用js来控制PDF的打印，所以，最终的这个方案就浮出水面了 ...
1－使用jacob启动一个IE进程，并隐藏IE窗口；
if(ieAutomation == null)
ieAutomation = new ActiveXComponent("InternetExplorer.Application");
ieAutomation.setProperty("Visible",new Variant(false));
2－PDF前端在生成PDF文件之后发送生成后的文件到JacobPDFPrinter，JacobPDFPrinter根据出入的PDF文件的全路径使 用Velocity模板引擎动态生成一个包含使用Javascript代码实现的PDF打印逻辑的HTML文档（当然，使用Velocity生成文档这部 分逻辑我们单独抽出到VeloIEPrinterGenerator类中）；
3－在HTML生成之后，在JacobPDFPrinter中就可以使用jacob调用IE的Navigate2，将IE重定向到刚才生成的这个HTML 文件啦，这样，IE就会在后台调用JS代码将PDF打印到默认打印机；
4－打印成功之后，清除临时动态生成的HTML文件；
5－当主程序退出之前，Quit后台IE进程。
以上就是我能给出的一个solution，并不完美，但it works.
需要注意的几个问题是：
（1）需要设置IE的一个高级选项，运行本地脚本运行；
（2）因为Java和Com线程模型的不一致，导致在最终Quit后台IE进程的时候会抛出Com调用异常，因为对于Win平台API以及相关编程模型不 是很熟悉，所以，这个问题需要求助于别人帮忙解决；
（3）IE在执行JS打印PDF的时候，同样会后台启动Acrobat的一个进程，而这个进程我们程序中无法控制其生命周期，所以，主程序退出后，我们没 有办法同时kill这个进程，好在不管我们运行多少次，这个进程在后台只有一个，所以，性能负担不是很大；
转载

❷ jsp 如何通过js来打印pdf文件！pdf存储在文件服务器上！

jsp中要利用java来实现打开，可以通过浏览器打开：
以下程序实现了读取某个路径下的pdf文件，并用浏览器打开：
package test;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class PDFServlet extends HttpServlet {
private static final long serialVersionUID = -3065671125866266804L;
public PDFServlet() {
super();
}

public void destroy() {
super.destroy();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("application/pdf");

FileInputStream in = new FileInputStream(new File("d:/1.pdf"));
OutputStream out = response.getOutputStream();
byte[] b = new byte[512];

while ((in.read(b)) != -1) {
out.write(b);
}

out.flush();
in.close();
out.close();
}

public void init() throws ServletException {
}
}

❸ 如何创建pdf的buffer，让pdf.js实现预览pdf文件

PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品。简单说就是一个 PDF 解析器。运用HTML5JavaScript（即pdf.js仅使用安全的web语言，不包含任何攻击者可以用的本地代码块）的PDF阅读器pdf.js，直接在标准的HTML页面上载入和渲染PDF文件, 还可以提高安全性（不需要安装第三方插件，安全性由浏览器保证），浏览器所做的安全措施已经为pdf.js提供了安全的运行环境。其对IE和 FireFox浏览器的要求是IE9+, FireFox19+。
在线示例： http://jsbin.com/pdfjs-helloworld-v2/1/edit ， http://jsbin.com/pdfjs-prevnext-v2/1/edit
源码：https://github.com/mozilla/pdf.js
官网：http://mozilla.github.io/pdf.js/

pdf.js VS 传统浏览器读取pdf

一般来说，PDF档案格式都是在浏览器中由外挂程式来描绘，通常是Adobe自己的PDF reader或来自其他供应商的描绘工具，但这些外挂通常无法充分运用PDF的特点，而且由于含有大量的受信任代码，使得Google Chrome浏览器必须运用SandBox沙箱原理，来检查PDF描绘工具是否遭到未知病毒感染。
使用adobe，必须在本地安装软件才能使用，而pdf.js不依赖环境、渲染速度快（测试过，确实很快）、安全性高。

pdf.js渲染PDF文件
pdf.js渲染PDF文件的流程：Fetch pdf (url / buffer) ——> canvas ——> 渲染
如果要深入pdf的渲染，需要去研究pdf.js源代码。pdf.js可通过pdf文件的地址或pdf数据流获取pdf，具体实现是调用接口函数 PDFJs.getDoc(url/buffer)将pdf载入html，通过canvas处理, 然后渲染pdf文件。网上给出的都是通过url来获取pdf的例子，而我在做项目的时候，后台（python）要求是发pdf的数据流给前台，前台接收pdf的buffer,然后通过pdf.js来渲染。当然最初尝试buffer出现了很多问题，具体问题总结如下：
1）如何通过$.ajax接收后台发给前台的buffer数据；
2）如何将buffer传给pdf.js来处理（这里我使用了viewer.js, 所以需要考虑的是如何将buffer传给viewer.js来处理）；
3）如何将pdf.js转换成pdf.js可以接收的buffer格式；
（对应问题解决见代码注释）
注：viewer.js是pdf.js的扩展，其将打印、翻页、缩放等功能进行了实现，且界面非常好看。也就是说如果你引入了viewer.js，pdf的渲染和渲染之后的功能界面都已经帮你实现了，你不用自己去写界面。

先从官网：http://mozilla.github.io/pdf.js/ 下载代码，然后使用文件viewer.html , 我的html就是在viewer.html 的基础上修改的，下面我给出buffer的例子：
<!DOCTYPE html>
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
<title>在线预览</title>
{% load static %}{% get_static_prefix as STATIC_URL %}
<link href="{{STATIC_URL}}css/preview.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{{STATIC_URL}}pdfjs/web/viewer.css"/>
<script type="text/javascript" src="{{STATIC_URL}}pdfjs/web/compatibility.js"></script>
<link rel="resource" type="application/l10n" href="{{STATIC_URL}}pdfjs/web/locale/locale.properties"/>
<script type="text/javascript" src="{{STATIC_URL}}pdfjs/web/l10n.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}pdfjs/build/pdf.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}pdfjs/web/debugger.js"></script>
<script src="{{STATIC_URL}}js/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">

//convertDataURIToBinary()
//不知道什么原因如果后台直接将pdf的数据流发给前台，得到的是乱码，将数据转换成 Uint8Array始终不成功
//所以就让后台将发送之前的数据流做 了base64编码发给前台，前台再解码得到的数据就不是乱码了。
var BASE64_MARKER = ';base64,';

var preFileId = {{mark}};

//viewer.js全局变量,传入buffer，回答问题2
var DEFAULT_URL

$(document).ready(function(){
$.ajax({
type:"post",
async: false,
//ajax接收pdf数据流，注意dataType值的设置是否有错，如果不指定，jQuery将自动根据HTTP包MIME信息返回
//responseXML或responseText . 回答问题1
contentType:"application/pdf;charset=utf-8",
url:"{% url netPan.File.views.browserFuf%}",
data:{
id: preFileId
},
success:function(data){
var pdfAsDataUri = data;
//如果引入了viewer.js , 处理方法
var pdfAsArray = convertDataURIToBinary(pdfAsDataUri);
DEFAULT_URL = pdfAsArray;
// 只引入了pdf.js, 未引入viewer.js， 处理方法
// var pdfAsArray = convertDataURIToBinary(pdfAsDataUri);
// PDFJS.getDocument（pdfAsArray).then(); 自己写pdf的处理函数
}
});
});

function convertDataURIToBinary(dataURI) { //编码转换，回答问题3
var base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length;
var base64 = dataURI.substring(base64Index);
var raw = window.atob(base64);
var rawLength = raw.length;

//转换成pdf.js能直接解析的Uint8Array类型,见pdf.js-4068
var array = new Uint8Array(new ArrayBuffer(rawLength));

for(i = 0; i < rawLength; i++) {
array[i] = raw.charCodeAt(i);
}
return array;
}
</script>

<!--先设置全局变量DEFAULT_URL 的值，所以要后调入viewer.js -->
<script type="text/javascript" src="{{STATIC_URL}}pdfjs/web/viewer.js"></script>
</head>

<body>
省略内容
</body>
</html>

❹ js怎么调用printWithDialog来打印pdf

利用Adobe PDF Reader 控件，在Winform中实现打印PDF文档。 实现方法如下： （1）前提条件 必须事先在计算机安装Adobe Reader软件。Adobe Reader是免费软件，可以从Adobe官网下载安装 （2）在Visual Studio中新建一个“Windows 窗体应用程序”项目...

❺ vue-pdf.js 在线预览问题

最近修改公司vue项目中使用pdf.js来实现在线预览上传的各类文件.由于使用pdf.js在预览时是直接在标签内将src属性赋值为要请求的地址.这就导致一个问题,会直接请求服务器的文件路径地址,而这个服务器文件路径就会暴露出来。处于安全性考虑在预览请求时不再返回地址，改为通过调用普通接口,而是统一返回流（word,pdf）或者base64(jpg,png...)。.前端再进行解析并实现在线预览.

此时遇到第一个问题：

        这个请求是在插件中进行的无法携带项目中封装的各类请求头信息（token..等）。 翻看pdf.js源码及网上总结.发现一个底层方法 

         该方法可传一个对象作为参数,对象内可以添加url(所请求的接口),headers(请求头信息)等.... . 有了这个方法就好处理了.

         最后在将该方法当做变量赋值给pdf的src.大功告成.

         最后再补充一些 : @loaded="docLoaded" @page-loaded ="pageLoaded" 这两个方法为加载预览文件时的loading事件,

最后引一波示例,

❻ pdf.js 如何预览本地文件

pdf.js预览文件必须只能是在服务器部署的项目路径下，不能通过修改配置的方式支持本地路径的版文件，否则会有js跨域问题权。如果要显示本地文件，可以折中考虑先做一个上传功能将文件上传到服务器上然后在页面上展示，这样基本实现了预览本地文件。

❼ 自定义微信分享链接(使用JS-SDK) + 实现预览pdf

可参考：微信JS-SDK说明文档 >

此时可能出现白名单错误（忘截图了），需要在微信公众号中设置错误中的IP

注意：access_token和ticket都需要缓存

4. 获取签名 signature

将以上内容以键值对形式拼接，类似如下

本地引入sha1算法（需网上查找）
将上述拼接的字符串以参数的形式传递到sha1中得到 signature
signature = sha1(拼接完的字符串)
验证 signature 是否正确 >
将appId，nonceStr，timestamp和signature返回给前端

官网上是这样描述的：

这时候调用 updateAppMessageShareData ， updateTimelineShareData 的时候就可以生效了，具体原理不清楚。。

注意：imgUrl配置有严格的要求
尺寸120 x 120，大小不超过10K，不支持GIF格式。必须采用https协议（最好写完整url）,不支持base64。由于我使用的是vue，在webpack打包时图片小于10k的是会自动打包成base64导致无法正常显示图片，因此在webpack.base.config.js中修改默认配置

由于在网页中直接查看pdf的路径是无法在微信中查看（安卓）和分享（ios），因此使用pdf插件进行优化 --- pdf.js 。其原理是绘制成canvas，最终在真机上放大时可能出现模糊的问题。

创建之后控制台会报错出现跨域问题，因为pdf.js不支持跨域访问。此时可以将错误跨域信息在上一步你引入的文件中查找，然后将其判断语句注释掉即可解决这个问题。最后会发现pdf出现在这个容器中（忘截图了），也实现了微信中预览和分享的功能。

❽ jquery.media.js 怎么预览pdf文件

其实也就来是简单的在浏览器源中实现一个打开pdf文件，并有类似预览功能的边框。

其实在中国上经常见到类似的页面，在浏览器中打开pdf文档，可大部分都是由于版权的原因使用了一些很特殊的技术，自然很难模仿了。
即使有直接在浏览器打开的例子，也必须手动点击一下链接然后才能打开pdf文件。如何直接打开，而不用点击链接呢？
本以为自己对js很熟，也就使用js模拟点击，可就是不管用，没办法，只能在中国上继续寻找资料。最终想不到代码却很简单。
最主要的是使用到了一个jquery的插件jquery.media.js，使用这个插件就很容易实现了。
核心代码：
成因分析 使用jquery.media.js就可以直接把一个连接到pdf文件的链接打