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控件的使用,我们在平时的时候应该多了解一些第三方控件,并不是说第三方控件 是好滴,而是说我们在实现需求的时候会多一些思路,这样就不会因为某个问题而焦头烂额,因为我们会采用多种方 法来实现,一条思路不同不至于导致系统不能继续。希望上面的分享能给大家带来帮助!! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- Mycat之——配置文件schema.xml
- c# – 在WCF数据服务应用程序中迁移EntityFramwork 6和VS 2
- oracle – 必须声明标识符? PL / SQL错误
- (转)自定义ECShop的Flash轮播图片样式
- ruby-on-rails – RSpec:undefined方法`infer_spec_type_f
- vue和react
- Swift Runtime分析:还像OC Runtime一样吗?
- libgl1-mesa-glx:i386 : 依赖: libglapi-mesa:i386
- cocos2dx项目移植android平台使用第三方so库被删掉的问题
- 《Linux Shell》之一:正则表达式