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:17public 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 + "File\\UpFile\\";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;//获取上传文件的大小单位为字节bytestring fileEx = System.IO.Path.GetExtension(strFilename);//获取上传文件的扩展名string strNoFileName = System.IO.Path.GetFileNameWithoutExtension(strFilename);//获取无扩展名的文件名int Maxsize = 4000 * 1024;//定义上传文件的最大空间大小为4Mstring 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 = "File\\UpFile\\" + 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 sourcePath, 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.swftry{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 sourcePath, 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控件的使用，我们在平时的时候应该多了解一些第三方控件，并不是说第三方控件

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

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

FlexPaper控件实现文档的上传和预览相关推荐

可视化webpart基础开发——TreeView控件读取文档库中的所有文件夹和文件（递归方法读取） ....
可视化webpart基础开发--TreeView控件读取文档库中的所有文件夹和文件(递归方法读取) 作者:miragesky2049 原文地址:http://blog.csdn.net/mirages ...
DevExpress控件使用系列--ASPxUploadControl（图片上传及预览）
1.控件功能列表控件展示数据.弹框控件执行编辑操作.Tab控件实现多标签编辑操官方说明 2.官方示例 2.1 ASPxImage http:// ...
使用PicGo+阿里云OSS实现md文档图片上传
使用PicGo+阿里云OSS实现md文档图片上传这次给大家带来的是PicG0+阿里云Oss+typora的图床环境搭建,帮助大家提高工作效率+写博客速度! 1.typora安装给大家一个链接:ty ...
jQuery图片批量上传插件源码，支持批量上传、预览、删除、放大，可配置上传数量、上传大小、追加方式，含详细使用文档
jQuery图片批量上传插件源码,支持批量上传.预览.删除.放大,可配置上传数量.上传大小.追加方式,含详细使用文档程序包内含使用Demo 完整程序源代码:jQuery图片批量上传插件源码上传前 ...
JQuery专栏之十五————利用文件框控件file实现文件的上传
15. 利用文件框控件file实现文件的上传. 文件上传的方法有很多,jQuery也有许多文件上传控件.本例采用最基本的HTML文件框(<input type='file')实现文件上传,不限制 ...
FileUpload控件实现单按钮图片自动上传并带预览显示
FileUpload控件实现单按钮图片自动上传并带预览显示 1.实现原理: FileUpload控件默认不支持服务端的ONCHANGE事件,此时用一种变通的方法借用客户端的onchange事件,调用_ ...
android从九宫格全屏预览,仿微信朋友圈展示图片的九宫格图片展示控件，支持点击图片全屏预览大图...
AssNineGridView 仿微信朋友圈展示图片的九宫格图片展示控件,支持点击图片全屏预览大图(可自定义). 写在前面这是一个九宫格控件,本来是很久之前就写好了,现在才开源出来,也是看了很多优秀 ...
文档文件等网页端预览功能
要实现word.ppt.excel.pdf等文档在web应用端预览功能,目前一般做法为: 在页面的显示效果: 主要用的工具: Openoffice4(windows.linux):SWFTools ...
MFC 基于多文档的打印和打印预览功能的实现
一.基础知识 1 网上有很多的关于打印的程序,一定要看清楚,是基于对话框dialog的打印功能,还是基于文档的打印功能. 如果分不清基于对话框和文档的区别,建议新建一个单文档.多文档和对话框的工程,看 ...

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

FlexPaper控件实现文档的上传和预览相关推荐

最新文章

热门文章