• 使用FlexPaper实现office文件的预览(C#版)


    【转】http://www.cnblogs.com/zzPrince/p/3378336.html#2814050

    需求很简单,用户上传office文件(word、excel、ppt)后,可以预览上传的这些文件。搜索的相关的资料后。整理如下:

    Step1.用户上传office文件。

    Step2.把Office文件转化为pdf文件

    Step3.把pdf文件转化为swf文件

    Step4.使用flexpaper插件预览swf文件

    根据这四步,我们逐步分析:

    Step1.上传文件,在此不做赘述。

    Step2.把Office文件转化为pdf文件。

        必须保证你的office版本在2007之上。我第一次使用office2003,不报错,但是也没用生成相关的pdf文件。果断使用了最新的office2013即可完美运行。

        在次贴出将word转化为pdf文件的代码,完整实例,请看附件。

       

     View Code

        (考虑到有些和我一样的新手,在此赘述几句吧:如果你使用vs2010开发,在添加office引用的时候,直接选择.net栏目下的office、Microsoft.Office.Interop.Word,Microsoft.Office.Interop.PowerPoint和Microsoft.Office.Interop.Excel,并且保证office的版本高于后三者就行啦。不用再在com栏目下引入相关office的com组件)

    Step3.把pdf文件转化为swf文件。

        首先,我们可以下载swftools,完成安装后会在安装目录下面有多个小工具。选择pdf2swf.exe 拷贝到我们的项目相关目录下面,使用如下代码,便可完成调用。

     View Code

         此处也有两处要重点提醒。首先呢,就是所有的文件路径都不能有空格,这是因为pdf2swf对含有空格的文件路径不支持。其次,就是flashversion=9这个关键的命名也要加上,否则会出现在flexpaper无法预览该swf文档的情况。

    Step4.使用flexpaper插件预览swf文件

        刚开始我们可以下载一个官方的用例,选择-》download web server package。然后直接打开index.html发现不能预览docs中的Paper.pdf.swf这个swf文件。于是乎网上出现了n多关于通过通过将adobe flash player将flexpaper添加信任啥的,这个哥试了,但是发现不行!有种被坑的感觉!最后我的解决方案是:直接将这个官网的例子放在IIS服务下面就行了。或者你通过vs2010建立项目的时候把这个插件添加进去(就是把官网的那些代码粘过去,我这样说你明白吧,但是注意一下路径问题)也是可以的。

        有些童鞋该说了,我想把swf文件动态加载,也就是FlexPaperViewer中的SwfFile动态加载。so easy。

        比如一个http://localhost:12345/mypage.aspx?swf=123.swf这样的请求,

        我们在CS端通过request.QueryString["swf"]获取123.swf文件之后可以将其值赋给mypage.aspx页面的HiddenField1,然后在

        mypage.aspx中使用

    SwfFile: escape($("#HiddenField1").val()),

        即可动态获取swf文件。

        最后贴出最终的显示结果图:

       

    图1.初始页面

    图2.选择office文件


    图3.上传后预览

    ================================正常人类分割线=================================

      【客户需求】做完了之后,我闲着蛋疼想着如果用户要上传图片格式的文件,我们要预览图片的话呢?

    很简单,用jQuery图片的相关插件就能美好的实现了。

        当然用swftools也能将图片转化为swf,和这个页面集成到一起去。

        swftools中支持jpg、jpeg、gif和png,不支持bmp文件格式。

    为了能让转化成的swf能在flexpaper中能够正确的显示,这几种图片的swftool命令也不一样,直接贴代码了哈

     View Code

        这几个命令虽然网上有,但是很多都是有问题的,有的在flexpaper当中不能用。本人的这个是亲测可用的,欢迎拍砖!

     

    PostScript:

       最后附上本人的项目附件,第一次这么仔细的写博客,大家多多关照。 

       附件下载

  • 相关阅读:
    2020中国最好大学排名.py(亲测有效)
    手机号码归属地的自动查询.py(亲测有效)
    网络图片的爬取和存储.py(亲测有效)
    百度360搜索关键词提交.py(亲测有效)
    亚马逊商品页面爬取(使用headers字段).py(亲测有效)
    淘宝商品页面的爬取.py(亲测有效)
    爬取网页的通用代码框架.py(亲测有效)
    匿名函数function前面的! ~等符号作用小解
    ng之自定义指令
    用nodejs搭建一个简单的服务监听程序
  • 原文地址:https://www.cnblogs.com/kennyliu/p/3928869.html
Copyright © 2020-2023  润新知