很久之前Insus.NET在实现了《FlexPaper实现文档在线浏览》http://www.cnblogs.com/insus/archive/2011/07/21/2112369.html。
当时也只是实现了显示而已,也没有实现在线转换功能。
现在,Insus.NET已经从asp.net转向了asp.net
MVC应用程序开发了。因此再想以MVC应用程序来实现文档库的功能。由于新版本的FlexPaper无法屏蔽打印的功能,因此还是用回来原来的FlexPaper组件,也意味使用前一篇的一些类库与文件。不过下载下来之后,不能直接使用,需要修改一些路径与参数。
在MVC应用程序中,不能跟asp.net一样,使用Literal控件来传递参数了,需要考虑到传递参数给js类,为了不直接传递真正的文件名给js,还得需要做另外处理。这样做是为了让用户看到指向地址,使用地址来下载文档 。
OK,开始吧,不过还得准备准备。
不管是用户上传的PDF文件是存储在数据库中,还是应用程序中的某一个文件夹中,我们是先得到找到它的
ID,此ID既可以是整数,也可以是字符串,只是是唯唯一性即可。
为了屏蔽打印功能,请建议使用上图中高亮这个文件。如果你不想屏蔽的话,建议直接是官网下载最新版本。另外InsusDocumentVieewer.swf这个外框显示格式文件,也移至js这个目录中来,方便软件维护与管理,区别于前一篇是放在swf目录下。还要打开它,修改一下里面的参数路径:
这个pdf2swf.exe你可以使用最新版本的。旧的肯定没有问题。它是从SWFTools网站下载。下载之下,它是无法在windows
8和windows 2008
R2的64位下安装。但你可以在一台客户端xp或是windows7下安装,然去安装目录,把pdf2swf.exe拷贝出来。
还有一个要准备的,是在MVC应用程序下,创建一个Temp目录。此目录是存储临时转换的swf文件,或是你的pdf是二进制数据流的,生成pdf时,也是在此temp临时目录进行。
准备好了,此次演示,Insus.NET是以PDF文件存储在某一个文件夹,但它的一些基本信息是存在数据库表中。
先创建一个model:
这个model有两个属性,一个是ID,一个是swfFile。前者是用户在地址栏看到的ID,根据这个ID可以在表中找到PDF的路径或是存储在数据库的二进制流数据。后者是将是转换为swf文格格式的文件名。
在Entities目录下,创建一个实体:
此实体,即是把PDF文件或是二进制数据库转换为swf文档格式的功能。
上图中#14和#15行代码,你看得懂。
#16行是一空行,如果你的pdf文件是二进制数据流的话,就应该先在这里把二进制数据流转为pdf文档,存进Temp目录中。不懂怎样转,可以参考这篇《数据流创建文件》http://www.cnblogs.com/insus/archive/2011/04/11/2012733.html
#17行,是随机产生一个文件名,没有后缀。
此次演示中,Insus.NET已经把一个pdf文档拷贝至temp目录中,如果你的pdf文档是入在另一个目录的,你是指向它。
#18和#19行是,是找到pdf文档与swf文件(此时还没有真正产生)
#21至#36是转换swf文档。更多参数设置,可以参考官网帮助。
#38至#40是获得转换后的swf文件名,添加至List中去。将来MVC的控制器用到它。
接下来在Controllers下的HomeController创建一个ActionResult和一个JsonResult方法。
在Views\Home目录下,创建一个视图,视图名称,即是在控制器中的ActionResult方法名:
#1部分是样式代码,在前一篇中,它是一个样式文件,现在直接搬至视图中来。
#2部分,是引用jQuery库,注意到否,可以用到最新版本的jQuery库。
#3部分,是引用相关的js库。
#5部分,是完全照搬旧的,没有丝毫改变。
#4部分:
在Success方法,有两个地方,是把javascript加入head中去。先要把swf文件赋值给swfFile变量中,第二是把InsusDocumentView.js类库加入至head中。
完成了。看看运行时的效果: