.net 实现Office文件预览

分析了下网易邮箱的文件预览功能,他用的是微软的组件,最早叫Office online,现在分开了叫Word online、Excel online ....等等,效果十分炫酷功能十分强大,但是查看了下对api的说明发现对服务器的要求比较苛刻而且配置比较复杂不太适合。然后 又看了下腾讯用的是永中第三方组件,效果嘛自然比不上微软的但是能用,综合网上的一些资料大概也就那么几种方式实现

     1.使用Microsoft的Office组件将文件直接转换为html文件(优点:代码实现最简单,工作强度最小。缺点:效果极差)

     2.使用Microsoft的Office组件将文件转换为PDF格式文件,然后再使用pdf2swf转换为swf文件,也就是flash文件在使用FlexPaper展示出来(优点:预览效果能接受,缺点:代码量大)

        效果如图:

  .net 实现Office文件预览

     3. 使用Office online(优点:表现完美,缺点:不适合中小企业应用)

综合考虑决定使用第二种方法,经过次次波折终于可以使用,但是有个问题至今没有得到解决,调用Office组件的时候有时候会出现如下异常:

检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件失败,原因是出现以下错误: 8000401a 因为配置标识不正确,系统无法开始服务器进程。请检查用户名和密码。 (异常来自 HRESULT:0x8000401A),查阅无数资料还是不能解决,最让人不可接受的的是office文件必须标标准准毫无容错能力,当转换ppt文件时竟然会弹出转换进度框!!

好吧!那么我们改进它。

使用ASPOSE+pdf2swf+FlexPaper

关于ASPOSE大家可以到官网了解,这是款商业收费产品但是免费也可以使用

1、引用dll

.net 实现Office文件预览

2、编写转换帮助类

.net 实现Office文件预览 Office格式转换

3、将pdf文件转swf的转换器放到站点根目录下新建文件夹pdf2swf(我就是这么配置的,您随意)

4、配置FlexPaper

    预览页面引用

  

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

    控件容器以及设置项

    

.net 实现Office文件预览
  1. <div style="margin:0 auto;width:980px;">
  2. <div id="flashContent" style="display:none;">
  3. <p>
  4. To view this page ensure that Adobe Flash Player version
  5. 10.0.0 or greater is installed.
  6. </p>
  7. <script type="text/javascript">
  8. var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
  9. 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>");
  10. </script>
  11. </div>
  12. <script type="text/javascript">
  13. var _filename = document.getElementById("_filename").value;
  14. var swfVersionStr = "9.0.0";
  15. var xiSwfUrlStr = "playerProductInstall.swf";
  16. var flashvars = {
  17. SwfFile: escape(_filename),
  18. Scale: 0.6,
  19. ZoomTransition: "easeOut",
  20. ZoomTime: 0.5,
  21. ZoomInterval: 0.1,
  22. FitPageOnLoad: false,
  23. FitWidthOnLoad: true,
  24. PrintEnabled: true,
  25. FullScreenAsMaxWindow: false,
  26. ProgressiveLoading: true,
  27.  
  28. PrintToolsVisible: true,
  29. ViewModeToolsVisible: true,
  30. ZoomToolsVisible: true,
  31. FullScreenVisible: true,
  32. NavToolsVisible: true,
  33. CursorToolsVisible: true,
  34. SearchToolsVisible: true,
  35. SearchMatchAll:true,
  36.  
  37. localeChain: "zh_CN"
  38. };
  39. var params = {
  40. quality: "high",
  41. bgcolor: "#ffffff",
  42. allowscriptaccess: "sameDomain",
  43. allowfullscreen: "true"
  44. }
  45. var attributes = { id: "FlexPaperViewer", name: "FlexPaperViewer" };
  46. swfobject.embedSWF("/FlexPaper/FlexPaperViewer.swf", "flashContent", "980", "620", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
  47. swfobject.createCSS("#flashContent", "display:block;text-align:left;");
  48. </script>
  49. </div>
 
.net 实现Office文件预览

 

     

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

 

OK  大功告成  ,至于如何上传,怎么保存上传的文件等等那些逻辑我这里就省略了。。。。,但是有个建议,当用户上传文件之后调用转换api生成预览文件是个耗时的操作,

文件越大耗时越长,也就是说生成预览文件的时候是需要时间的,因此我使用异步方式生成预览文件。

 

文章链接: https://www.mfisp.com/10882.html

文章标题:.net 实现Office文件预览

文章版权:梦飞科技所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    建站教程投稿分享

    关于SYN Flood的攻击(二)

    2022-10-8 15:40:39

    建站教程投稿分享

    java如何判断当前系统是windows还是linux

    2022-10-9 23:51:10

    0 条回复 A文章作者 M管理员
    如果喜欢,请评论一下~
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索

    梦飞科技 - 最新云主机促销服务器租用优惠