.net mvc使用FlexPaper插件實現在線預覽PDF,EXCEL,WORD的方法

 

FlexPaper插件可以實現在瀏覽器中在線預覽pdf，word，excel等。

在網上看到很多關於這個插件實現預覽的技術，但是很難做到word和excel在線預覽。

pdf很好實現。

 

首先下載相關的插件信息，這里不多說了。

 

其中這個插件主要需要配合Aspose來實現將上傳的excel和word來轉換為pdf。再通過pdf2swf來將pdf轉換為swf格式。才能在前段在線預覽。

1.所以這里還需要下載Aspose.dll  和Aspose.Cells.dll(處理Excel)還有Aspose.Words.dll(處理word)

有了dll之后，需要寫一個cs類，專門處理word和excel轉換為pdf,以及pdf轉換為swf的方法。

直接推薦這篇文章里面已經實現的方法。

 

http://www.bkjia.com/Asp_Netjc/890896.html

 

通過這個類實現的方法

 

2.結合我們上傳的文件路徑，來實現將上傳的文件格式轉換以及在線預覽。

首先配置前段頁面信息

 <input type="hidden" id="_filename" value="/./../../@Model" />
        <div style="margin:0 auto;width:100%;">
            <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>
              
            </div>

            <script src="~/Scripts/jquery-1.10.2.js"></script>
            <script src="~/Scripts/swfupload/flexpaper_flash.js"></script>
            <script src="~/Scripts/swfupload/swfobject.js"></script>

            <script type="text/javascript">
                var _filename = $("#_filename").val();

                 // alert(_filename)
                //alert(_filename);
                var swfVersionStr = "9.0.0";
                var xiSwfUrlStr = "playerProductInstall.swf";
                var flashvars = {
                    SwfFile: escape(_filename),
                    SwfFile: _filename,
                    // SwfFile: "/./../../UpDir/expressInstall.swf",                   
                    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",
                    wmode: "direct"

                }
                var attributes = { id: "FlexPaperViewer", name: "FlexPaperViewer" };
54                 swfobject.embedSWF("../../../../Scripts/FlexPaper/FlexPaperViewer.swf", "flashContent", "100%", "1000", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
55 
56                 swfobject.createCSS("#flashContent", "display:block;text-align:left;");
            </script>
        </div>

一些主要的配置信息我已經標紅，至於插件配置信息的屬性功能，自行參考網上很多文檔介紹，我用的就是一般上傳。

 

3.接下來就是controller中實現的轉換方法，我直接將路徑傳給了model返回給頁面顯示了。

 

                       //swf文件路徑
            string path = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5).Replace('\\', '/') + ".swf";
                //SIO是system.io  我重命名了
            SIO.FileInfo fileinfo = new SIO.FileInfo(path);
            if (fileinfo.Exists)
            {
                return View((object)(node.FilePath + ".swf"));
            }
            else
            {
                try
                {
                    //上傳的源文件地址
                    string sourcefile = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5);
                    string FileName = node.name;
                    string ext = node.FilePath.Substring(node.FilePath.LastIndexOf(".") + 1);


                    if (ext.ToLower() == "doc" || ext.ToLower() == "docx")
                    {
                        string pdffile = sourcefile;
                        string swffile = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5).Replace('\\', '/');
                        string path1 = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5).Replace('\\', '/') + ".swf";
                        Aspose.Words.Document doc = new Aspose.Words.Document(pdffile);
25                         doc.Save(swffile, Aspose.Words.SaveFormat.Pdf);

                        AsposeUtils.ConvertDocToPdF(swffile, path1);
                        AsposeUtils.PDFConvertToSwf(swffile, path1, AsposeUtils.GetPageCountByPDF(swffile));
                    }
                    else if (ext.ToLower() == "xls" || ext.ToLower() == "xlsx")
                    {
                        string pdffile = sourcefile;
                        string swffile = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5).Replace('\\', '/') + ".pdf";
                        string path1 = Server.MapPath("~\\UpDir") + node.FilePath.Substring(5).Replace('\\', '/') + ".swf";

                        Aspose.Cells.Workbook workbook = new Aspose.Cells.Workbook(pdffile);
                     
                        workbook.Save(swffile, Aspose.Cells.SaveFormat.Pdf);

                        //AsposeUtils.ConvertExcelToHtml(swffile, swffile);
42                         AsposeUtils.PDFConvertToSwf(swffile, path1, AsposeUtils.GetPageCountByPDF(swffile));
                    }
                    else if (ext.ToLower() == "pdf")
                    {

                        try
                        {
                            string pdffile = sourcefile;
                            string swffile = path;

                            SIO.File.Copy(pdffile, swffile, true);
                            AsposeUtils.PDFConvertToSwf(pdffile, swffile, AsposeUtils.GetPageCountByPDF(pdffile));

                        }
                        catch (Exception ex)
                        {
                            string str = ex.Message;
                        }
                    }
                    else if (ext.ToLower() == "ppt" || ext.ToLower() == "pptx")
                    {
                        string pdffile = sourcefile;
                        string swffile = path;

                        AsposeUtils.ConvertPowerPointToPdf(sourcefile, swffile);
                        AsposeUtils.PDFConvertToSwf(pdffile, swffile, AsposeUtils.GetPageCountByPDF(pdffile));
                    }
                    else if (ext.ToLower() == "txt")
                    {
                        string pdffile = sourcefile;
                        string swffile = path;

                        Txt2Pdf.zscsc(sourcefile, swffile);
                        AsposeUtils.PDFConvertToSwf(pdffile, swffile, AsposeUtils.GetPageCountByPDF(pdffile));
                    }
                    else if (ext.ToLower() == "jpg" || ext.ToLower() == "jpeg" || ext.ToLower() == "png")
                    {
                        return View((object)node.FilePath);
                    }
                    else
                    {
                        // ViewBag.FileName = @"/./../../UpDir/"+ project.ProjectCode + "/" + contract.ContractType + "/" + contract.Id + ".swf"; ;
                    }

 

 4.我用的上傳插件師swfupload，個人覺得不怎么好用，后面用uploadfiy插件了。上傳不說了，controller中對word和excel的轉換方法和我連接中文章使用的不一樣。因為用文章中的總不能在前段使用flexpapaer預覽成功。所以標黃的代碼是我自己加上的。綠色代碼是原先的代碼。可以自己參考，兩種方法哪個可行用哪個。