.net 实现Office文件预览,word文件在线预览、excel文件在线预览、ppt文件在线预览，excel转html,office格式转换，

  近日公司要搞一个日常的文档管理的东东，可以上传、下载各种文件，如果是office文件呢还必须得支持预览功能，其他的都好说但是唯独office预览功能比较麻烦，但是不能不做，废话不多说了一步步来吧。分析了下网易邮箱的文件预览功能，他用的是微软的组件，最早叫Office online,现在分开了叫Word online、Excel online ....等等，效果十分炫酷功能十分强大，但是查看了下对api的说明发现对服务器的要求比较苛刻而且配置比较复杂不太适合。然后
又看了下腾讯用的是永中第三方组件，效果嘛自然比不上微软的但是能用，综合网上的一些资料大概也就那么几种方式实现
     1.使用Microsoft的Office组件将文件直接转换为html文件（优点：代码实现最简单，工作强度最小。缺点：效果极差）
     2.使用Microsoft的Office组件将文件转换为PDF格式文件，然后再使用pdf2swf转换为swf文件，也就是flash文件在使用FlexPaper展示出来（优点：预览效果能接受，缺点：代码量大）
        效果如图:
　　


     3. 使用Office online(优点：表现完美，缺点：不适合中小企业应用)
综合考虑决定使用第二种方法，经过次次波折终于可以使用，但是有个问题至今没有得到解决，调用Office组件的时候有时候会出现如下异常：
检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件失败，原因是出现以下错误: 8000401a 因为配置标识不正确，系统无法开始服务器进程。请检查用户名和密码。 (异常来自 HRESULT:0x8000401A),查阅无数资料还是不能解决，最让人不可接受的的是office文件必须标标准准毫无容错能力，当转换ppt文件时竟然会弹出转换进度框！！
 
好吧！那么我们改进它。
使用ASPOSE+pdf2swf+FlexPaper
关于ASPOSE大家可以到官网了解，这是款商业收费产品但是免费也可以使用
1、引用dll



2、编写转换帮助类


 Office格式转换
3、将pdf文件转swf的转换器放到站点根目录下新建文件夹pdf2swf（我就是这么配置的，您随意）
4、配置FlexPaper
    预览页面引用
　　

<script src="/FlexPaper/js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript" src="/FlexPaper/js/flexpaper_flash.js"></script>

    控件容器以及设置项
    

<div style="margin:0 auto;width:980px;">
<div id="flashContent" style="display:none;">
<p>
To view this page ensure that Adobe Flash Player version
10.0.0 or greater is installed.
</p>
<script type="text/javascript">
var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>");
</script>
</div>
<script type="text/javascript">
var _filename = document.getElementById("_filename").value;
var swfVersionStr = "9.0.0";
var xiSwfUrlStr = "playerProductInstall.swf";
var flashvars = {
SwfFile: escape(_filename),
Scale: 0.6,
ZoomTransition: "easeOut",
ZoomTime: 0.5,
ZoomInterval: 0.1,
FitPageOnLoad: false,
FitWidthOnLoad: true,
PrintEnabled: true,
FullScreenAsMaxWindow: false,
ProgressiveLoading: true,

PrintToolsVisible: true,
ViewModeToolsVisible: true,
ZoomToolsVisible: true,
FullScreenVisible: true,
NavToolsVisible: true,
CursorToolsVisible: true,
SearchToolsVisible: true,
SearchMatchAll:true,

localeChain: "zh_CN"
};
var params = {
quality: "high",
bgcolor: "#ffffff",
allowscriptaccess: "sameDomain",
allowfullscreen: "true"
}
var attributes = { id: "FlexPaperViewer", name: "FlexPaperViewer" };
swfobject.embedSWF("/FlexPaper/FlexPaperViewer.swf", "flashContent", "980", "620", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
swfobject.createCSS("#flashContent", "display:block;text-align:left;");
</script>
</div>

 
     

document.getElementById("_filename").value是预览文件的路径

 
OK  大功告成  ，至于如何上传，怎么保存上传的文件等等那些逻辑我这里就省略了。。。。，但是有个建议，当用户上传文件之后调用转换api生成预览文件是个耗时的操作，
文件越大耗时越长，也就是说生成预览文件的时候是需要时间的，因此我使用异步方式生成预览文件。
 

标签: word文件预览, excel文件预览, ppt文件预览

绿色通道： 好文要顶 关注我 收藏该文与我联系 





思多久方为远见
关注 - 0
粉丝 - 0

+加关注

1

0

(请您对文章做出评价)

« 上一篇：IIS7下设置上传大小的限制

posted on 2014-10-07 13:35 思多久方为远见 阅读(238) 评论(1) 编辑 收藏

评论

#1楼 2014-10-07
14:37 过错  

Office组件应该也是可以用的。

我们公司就用的Office组件，消息队列接数据，三台服务器同时转换。

出现Office组件的问题，通常是本机和服务器的Office组件版本不一致，或者Office文件本身有密码之类的。
支持(0)反对(0)
  

刷新评论刷新页面返回顶部

注册用户登录后才能发表评论，请 登录 或 注册，访问网站首页。

【免费课程】案例：用JavaScript实现图片剪切效果
听云APP性能监测——终结移动App性能黑洞
100%有礼！机械键盘、钢铁侠T恤免费拿！OneAPM送福利！
融云，免费为你的App加入IM功能——让你的App“聊”起来！！