FlexPaper控件实现文档的上传和预览

? ?引言

? ?之前在一个项目中初识了这个控件，当时自己对这个东西非常高的好奇就尝试着做了一个Demo，最近在项目中

遇到了这个需求，所以我向组长推荐了我的这中做法，在之前的系统中是将文档转换成html然后在前台中预览，这样

有一个弊端就是在预览的时候会破坏文档原来的格式，感觉不符合全心全意为人民服务的思想，所以就采用了我的这

种做法。下面给大家分享这个控件的用法；

? ?首先给大家展示一张效果图：

? ? ?

? ?和之前的预览相比最重要的就是不会破坏文档的样式，和上传时候的文档的上市一模一样；

? 一、上传并将文档转换成.swf格式的文件

? ?这一步需要我们在上传的过程中来实现这种转换，代码如下：

? ?上传的前台界面代码：

<div class="easyui-panel" style="width:1380px;height:180px; font-size:16px;">
                <span class="tip" style="font-size:16px;color :red; font-weight :bold ">提示：请您先选择一个文件(文档大小不能超过4M，格式为：doc//docx//xls//xlsx//zip//rar)</span>

                ??
                <br />
                <br />
                @using (Html.BeginForm("UpDocument","DocumentManagement",FormMethod.Post,new { enctype = "multipart/form-data" }))
                {
                    <form id="Batch" method="post">
                        <input type="file" name="files" id="FileUpload" style="height :40px;width:200px;">

                        ?

                        <input type="submit" name="btnUpload" value="上传" id="btnUpload" style="height:20px;width:55px" /> 

                    </form>
                }

            </div>

#region 上传文档,将文档的相应信息插入 到数据库——郑浩——2016年2月28日11:49:17
        public ActionResult UpDocument()
        {

            //变量定义pdf转为swf的工具路径
            string pdf2swfToolPath = System.Web.HttpContext.Current.Server.MapPath("~/FlexPaper/pdf2swf.exe");

            //定义保存路径的变量
            string OfficeFilePath = Server.MapPath("~/File/UpFile/");
            string PdfFilePath = Server.MapPath("~/File/TeaFile/PDF/");
            string SWFFilePath = Server.MapPath("~/File/TeaFile/SWF/");
            string SwfFileName = String.Empty;

            HttpPostedFileBase file = Request.Files["files"];
            string strFileName = "";
            string strSavePath;
            string ClientPath = AppDomain.CurrentDomain.BaseDirectory + "FileUpFile";

            if (file == null || file.ContentLength <= 0)
            {

                Response.Write("<script>alert('文件不能为空')</script>");
                return View("~/Views/DocumentManagement/UploadWord.cshtml");
            }

            string strFilename = Path.GetFileName(file.FileName);
            int intFilesize = file.ContentLength;//获取上传文件的大小单位为字节byte
            string fileEx = System.IO.Path.GetExtension(strFilename);//获取上传文件的扩展名
            string strNoFileName = System.IO.Path.GetFileNameWithoutExtension(strFilename);//获取无扩展名的文件名
            int Maxsize = 4000 * 1024;//定义上传文件的最大空间大小为4M
            string FileType = ".xls,.xlsx,.doc,docx,.zip,.rar";//定义上传文件的类型字符串

            strFileName = strNoFileName + DateTime.Now.ToString("yyyyMMddhhmmss") + fileEx;
            if (!FileType.Contains(fileEx))
            {

                Response.Write("<script>alert('文件类型不对，请参考提示上传文件')</script>");
                return View("~/Views/DocumentManagement/UploadWord.cshtml");
            }
            if (intFilesize >= Maxsize)
            {


                Response.Write("<script>alert('上传文件超过4M，不能上传')</script>");
                return View("~/Views/DocumentManagement/UploadWord.cshtml");

            }
            strSavePath = Path.Combine(ClientPath,strFileName);
            file.SaveAs(strSavePath);
            //开始格式转换

            string PdfFileName = OfficeToPdf(OfficeFilePath,strFileName,PdfFilePath);
            SwfFileName = PdfToSwf(pdf2swfToolPath,PdfFilePath,PdfFileName,SWFFilePath);
           
            //将对应的数据保存到数据库中
            DocumentViewModel documentView = new DocumentViewModel()
            {
                DocumentID = Guid.NewGuid(),UploadYear = DateTime.Now,DocumentName = strFileName,DocumentPath = "FileUpFile" + strFileName,IsEnable = 1,Operator = "admin"
            };

            //调用后台的方法
            bool flag = iDocument.UpDocument(documentView);
            if (flag)
            {
                Response.Write("<script>alert('文件上传成功！！')</script>");
                return View("~/Views/DocumentManagement/UploadWord.cshtml");
            }
            else
            {

                Response.Write("<script>alert('文件上传失败！！')</script>");
                return View("~/Views/DocumentManagement/UploadWord.cshtml");
            }
        }
        #endregion

? 自己编写的两个转换的类：

?

#region office转换过程 -郑浩-2016年2月29日10:44:05
        #region OfficeToPdf-将office文件转化为pdf文件，文件名称不变-郑浩-2016年2月29日10:44:29
        /// <summary>
        /// 将office文件转化为pdf文件，文件名称不变
        /// </summary>
        /// <param name="pdf2swfPath">pdf2swfPath工具所在路径</param>
        /// <param name="OfficePath">office存储路径</param>
        /// <param name="OfficeName">office文件名称</param>
        /// <param name="destPath">pdf存储路径</param>
        /// <returns>返回生成pdf的文件名,无效则返回空</returns>
        private string OfficeToPdf(string OfficePath,string OfficeName,string destPath)
        {
            string fullPathName = OfficePath + OfficeName;//包含 路径 的全称
            string fileNameWithoutEx = System.IO.Path.GetFileNameWithoutExtension(OfficeName);//不包含路径，不包含扩展名
            string extendName = System.IO.Path.GetExtension(OfficeName).ToLower();//文件扩展名
            string saveName = destPath + fileNameWithoutEx + ".pdf";
            string returnValue = fileNameWithoutEx + ".pdf";

            switch (extendName)
            {
                case ".doc":
                    PreviewConvert.WordToPDF(fullPathName,saveName);
                    break;
                case ".docx":
                    PreviewConvert.WordToPDF(fullPathName,saveName);
                    break;
                case ".xls":
                    PreviewConvert.ExcelToPDF(fullPathName,saveName);
                    break;
                case ".xlsx":
                    PreviewConvert.ExcelToPDF(fullPathName,saveName);
                    break;
                default:
                    returnValue = "";
                    break;
            }
            return returnValue;
        

        }
        #endregion

        #region PdfToSwf-将pdf文件转化为swf文件，文件名称不变-郑浩-2016年2月29日10:51:50
        /// <summary>
        /// 将pdf文件转化为swf文件，文件名称不变
        /// </summary>
        /// <param name="pdf2swfPath">pdf2swfPath工具所在路径</param>
        /// <param name="PdfPath">pdf存储路径</param>
        /// <param name="PdfName">pdf文件名称</param>
        /// <param name="destPath">swf存储路径</param>
        /// <returns></returns>
        private string PdfToSwf(string pdf2swfPath,string PdfPath,string PdfName,string destPath)
        {
            string fullPathName = PdfPath + PdfName;//包含 路径 的全称
            string fileNameWithoutEx = System.IO.Path.GetFileNameWithoutExtension(PdfName);//不包含路径，不包含扩展名
            string extendName = System.IO.Path.GetExtension(PdfName).ToLower();//文件扩展名
            string saveName = destPath + fileNameWithoutEx + ".swf";
            string returnValue = fileNameWithoutEx + ".swf";
            if (extendName != ".pdf")
            {
                returnValue = "";
            }
            else
            {
                PreviewConvert.PDFToSWF(pdf2swfPath,fullPathName,saveName);
            }
            return returnValue;
        }

        #endregion

        #endregion     

? ?转换的公共类：

?

   public class PreviewConvert
    {
        /// <summary>  
        /// 把Word文件转换成为PDF格式文件  
        /// </summary>  
        /// <param name="sourcePath">源文件路径</param>  
        /// <param name="targetPath">目标文件路径</param>   
        /// <returns>true=转换成功</returns>  
        public static bool WordToPDF(string sourcePath,string targetPath)
        {
            bool result = false;
            Microsoft.Office.Interop.Word.WdExportFormat exportFormat = Microsoft.Office.Interop.Word.WdExportFormat.wdExportFormatPDF;
            Microsoft.Office.Interop.Word.ApplicationClass application = null;

            Microsoft.Office.Interop.Word.Document document = null;
            try
            {
                application = new Microsoft.Office.Interop.Word.ApplicationClass();
                application.Visible = false;
                document = application.Documents.Open(sourcePath);
                document.SaveAs();
                document.ExportAsFixedFormat(targetPath,exportFormat);
                result = true;
            }
            catch (Exception e)
            {
                Console.WriteLine(e.Message);
                result = false;
            }
            finally
            {
                if (document != null)
                {
                    document.Close();
                    document = null;
                }
                if (application != null)
                {
                    application.Quit();
                    application = null;
                }
                GC.Collect();
                GC.WaitForPendingFinalizers();
                GC.Collect();
                GC.WaitForPendingFinalizers();
            }
            return result;
        }

        /// <summary>  
        /// 把Microsoft.Office.Interop.Excel文件转换成PDF格式文件  
        /// </summary>  
        /// <param name="sourcePath">源文件路径</param>  
        /// <param name="targetPath">目标文件路径</param>   
        /// <returns>true=转换成功</returns>  
        public static bool ExcelToPDF(string sourcePath,string targetPath)
        {
            bool result = false;
            Microsoft.Office.Interop.Excel.XlFixedFormatType targetType = Microsoft.Office.Interop.Excel.XlFixedFormatType.xlTypePDF;
            object missing = Type.Missing;
            Microsoft.Office.Interop.Excel.ApplicationClass application = null;
            Microsoft.Office.Interop.Excel.Workbook workBook = null;
            try
            {
                application = new Microsoft.Office.Interop.Excel.ApplicationClass();
                application.Visible = false;
                workBook = application.Workbooks.Open(sourcePath);
                workBook.SaveAs();
                workBook.ExportAsFixedFormat(targetType,targetPath);
                result = true;
            }
            catch (Exception e)
            {
                Console.WriteLine(e.Message);
                result = false;
            }
            finally
            {
                if (workBook != null)
                {
                    workBook.Close(true,missing,missing);
                    workBook = null;
                }
                if (application != null)
                {
                    application.Quit();
                    application = null;
                }
                GC.Collect();
                GC.WaitForPendingFinalizers();
                GC.Collect();
                GC.WaitForPendingFinalizers();
            }
            return result;
        }

        /// <summary>
        /// 把PDF文件转化为SWF文件
        /// </summary>
        /// <param name="toolPah">pdf2swf工具路径</param>
        /// <param name="sourcePath">源文件路径</param>
        /// <param name="targetPath">目标文件路径</param>
        /// <returns>true=转化成功</returns>
        public static bool PDFToSWF(string toolPah,string sourcePath,string targetPath)
        {
            Process pc = new Process();
            bool returnValue = true;

            string cmd = toolPah;
            string args = " -t " + sourcePath + " -s flashversion=9 -o " + targetPath;
            try
            {
                ProcessStartInfo psi = new ProcessStartInfo(cmd,args);
                psi.WindowStyle = ProcessWindowStyle.Hidden;
                pc.StartInfo = psi;
                pc.Start();
                pc.WaitForExit();
            }
            catch (Exception ex)
            {
                returnValue = false;
                throw new Exception(ex.Message);
            }
            finally
            {
                pc.Close();
                pc.Dispose();
            }
            return returnValue;
        }

        /// <summary>
        /// png、jpg和jpeg文件的转化
        /// </summary>
        /// <param name="toolPah"></param>
        /// <param name="sourcePath"></param>
        /// <param name="targetPath"></param>
        /// <returns></returns>
        public static bool PicturesToSwf(string toolPah,string targetPath)
        {
            Process pc = new Process();
            bool returnValue = true;

            string cmd = toolPah;
            string args = " " + sourcePath + " -o " + targetPath + " -T 9";
            //如果是多个图片转化为swf 格式为 ..jpeg2swf.exe C:1.jpg C:2.jpg -o C:swf1.swf
            try
            {
                ProcessStartInfo psi = new ProcessStartInfo(cmd,args);
                psi.WindowStyle = ProcessWindowStyle.Hidden;
                pc.StartInfo = psi;
                pc.Start();
                pc.WaitForExit();
            }
            catch (Exception ex)
            {
                returnValue = false;
                throw new Exception(ex.Message);
            }
            finally
            {
                pc.Close();
                pc.Dispose();
            }
            return returnValue;
        }
        /// <summary>
        /// Gif文件转化为swf
        /// </summary>
        /// <param name="toolPah"></param>
        /// <param name="sourcePath"></param>
        /// <param name="targetPath"></param>
        /// <returns></returns>
        public static bool GifPicturesToSwf(string toolPah,string targetPath)
        {
            Process pc = new Process();
            bool returnValue = true;

            string cmd = toolPah;
            string args = " " + sourcePath + " -o " + targetPath;
            try
            {
                ProcessStartInfo psi = new ProcessStartInfo(cmd,args);
                psi.WindowStyle = ProcessWindowStyle.Hidden;
                pc.StartInfo = psi;
                pc.Start();
                pc.WaitForExit();
            }
            catch (Exception ex)
            {
                returnValue = false;
                throw new Exception(ex.Message);
            }
            finally
            {
                pc.Close();
                pc.Dispose();
            }
            return returnValue;
        }
    }

? ?二、预览

?前台代码：这里需要我们引入一个封装的js：flexpaper_flash.js；

??

@*文档预览*@
    <div id="dlgPreview" closed="true" class="easyui-dialog" style="width: 750px; height: 750px;padding-left: 0px;"
         buttons="#dlg-buttons" title="添加">

        <form id="PreviewHomeWork" method="post">
            @*method="post" action="/TeaQueryHomework/AddHomeWork"*@
            <div @*style="margin-top:20px;margin-left:auto ;margin-right :auto"*@>
                <a id="viewerPlaceHolder" style="width: 718px; height: 750px; display: block;"></a>
            </div>
        </form>
    </div> 

?js代码

//文档预览
function preview() {
   
    var selectRow = $("#dg").datagrid("getSelections")

    var name = selectRow[0].DocumentName;

    var result = name.split(".");
    
    documentName = result[0] + ".swf";
  
    $("#dlgPreview").dialog('open');

    //var path = "工作流研究的历程20160229012547.documentName"
    var target = "../../File/TeaFile/SWF/" + documentName;
    //var test = "../../Content/TeaFile/SWF/成绩管理.swf";
    //var target = "../../Content/TeaFile/SWF/word上传验证.swf";
    var fp = new FlexPaperViewer(
'../../FlexPaper/FlexPaperViewer',/* 对应FlexPaperViewer.swf文件*/
'viewerPlaceHolder',{config : {
    SwfFile: escape(target),Scale : 0.6,ZoomTransition : 'eaSEOut',ZoomTime : 0.5,ZoomInterval : 0.2,FitPageOnLoad : true,FitWidthOnLoad : true,FullScreenAsMaxWindow : false,ProgressiveLoading : false,MinZoomSize : 0.2,MaxZoomSize : 5,SearchMatchAll : false,InitViewMode : 'Portrait',ViewModeToolsVisible : true,ZoomToolsVisible : true,NavToolsVisible : true,CursorToolsVisible : true,SearchToolsVisible : true,localeChain: 'zh_CN'
}
});
    $("#dlgPreview").dialog('open').dialog('setTitle','预览');
}

? ? ?小结

? ?上面就是对于这个Flexpaper控件的使用，我们在平时的时候应该多了解一些第三方控件，并不是说第三方控件

是好滴，而是说我们在实现需求的时候会多一些思路，这样就不会因为某个问题而焦头烂额，因为我们会采用多种方

法来实现，一条思路不同不至于导致系统不能继续。希望上面的分享能给大家带来帮助！！