.NET實現網頁版Office檔案預覽

思多久方為遠見發表於2014-10-08
網頁

近日公司要搞一個日常的文件管理的東東，可以上傳、下載各種檔案，如果是office檔案呢還必須得支援預覽功能，其他的都好說但是唯獨office預覽功能比較麻煩，但是不能不做，廢話不多說了一步步來吧。分析了下網易郵箱的檔案預覽功能，他用的是微軟的元件，最早叫Office online,現在分開了叫Word online、Excel online ….等等，效果十分炫酷功能十分強大，但是檢視了下對api的說明發現對伺服器的要求比較苛刻而且配置比較複雜不太適合。然後 又看了下騰訊用的是永中第三方元件，效果嘛自然比不上微軟的但是能用，綜合網上的一些資料大概也就那麼幾種方式實現

1.使用Microsoft的Office元件將檔案直接轉換為html檔案（優點：程式碼實現最簡單，工作強度最小。缺點：效果極差）

2.使用Microsoft的Office元件將檔案轉換為PDF格式檔案，然後再使用pdf2swf轉換為swf檔案，也就是flash檔案在使用FlexPaper展示出來（優點：預覽效果能接受，缺點：程式碼量大）

效果如圖:

3. 使用Office online(優點：表現完美，缺點：不適合中小企業應用)

綜合考慮決定使用第二種方法，經過次次波折終於可以使用，但是有個問題至今沒有得到解決，呼叫Office元件的時候有時候會出現如下異常：

檢索 COM 類工廠中 CLSID 為 {000209FF-0000-0000-C000-000000000046} 的元件失敗，原因是出現以下錯誤: 8000401a 因為配置標識不正確，系統無法開始伺服器程式。請檢查使用者名稱和密碼。 (異常來自 HRESULT:0x8000401A),查閱無數資料還是不能解決，最讓人不可接受的的是office檔案必須標標準準毫無容錯能力，當轉換ppt檔案時竟然會彈出轉換進度框！！

好吧！那麼我們改進它。

使用ASPOSE+pdf2swf+FlexPaper

關於ASPOSE大家可以到官網瞭解，這是款商業收費產品但是免費也可以使用

1、引用dll

2、編寫轉換幫助類

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Aspose.Cells;
using Aspose.Words;
using Aspose.Slides;
using System.Text.RegularExpressions;
using System.IO;

namespace Souxuexiao.Common
{
    /// <summary>
    /// 第三方元件ASPOSE Office/WPS檔案轉換
    /// Writer:Helen Joe
    /// Date:2014-09-24
    /// </summary>
    public class AsposeUtils
    {
        /// <summary>
        /// PFD轉換器位置
        /// </summary>
        private static string _EXEFILENAME = System.Web.HttpContext.Current != null
                ? System.Web.HttpContext.Current.Server.MapPath("/pdf2swf/pdf2swf.exe")
                : System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory + "\\pdf2swf\\pdf2swf.exe");

        #region 1.01 Wrod文件轉換為PDF檔案 +ConvertDocToPdF(string sourceFileName, string targetFileName)
        /// <summary>
        /// Wrod文件轉換為PDF檔案
        /// </summary>
        /// <param name="sourceFileName">需要轉換的Word全路徑</param>
        /// <param name="targetFileName">目標檔案全路徑</param>
        /// <returns>轉換是否成功</returns>
        public static bool ConvertDocToPdF(string sourceFileName, string targetFileName)
        {
            Souxuexiao.API.Logger.error(string.Format("Wrod文件轉換為PDF檔案:sourceFileName={0},targetFileName={1}", sourceFileName, targetFileName));
            try
            {
                using (System.IO.Stream stream = new System.IO.FileStream(sourceFileName, System.IO.FileMode.Open, System.IO.FileAccess.Read, System.IO.FileShare.ReadWrite))
                {
                    Document doc = new Document(sourceFileName);
                    doc.Save(targetFileName, Aspose.Words.SaveFormat.Pdf);
                }
            }
            catch (Exception ex)
            {
                Souxuexiao.API.Logger.error(string.Format("Wrod文件轉換為PDF檔案執行ConvertDocToPdF發生異常原因是:{0}",ex.Message));
            }
            return System.IO.File.Exists(targetFileName);
        }
        #endregion

        #region 1.02 Excel檔案轉換為HTML檔案 +(string sourceFileName, string targetFileName, string guid)
        /// <summary>
        /// Excel檔案轉換為HTML檔案 
        /// </summary>
        /// <param name="sourceFileName">Excel檔案路徑</param>
        /// <param name="targetFileName">目標路徑</param>
        /// <returns>轉換是否成功</returns>
        public static bool ConvertExcelToHtml(string sourceFileName, string targetFileName)
        {
            Souxuexiao.API.Logger.info(string.Format("準備執行Excel檔案轉換為HTML檔案,sourceFileName={0},targetFileName={1}",sourceFileName,targetFileName));
            try
            {
                using (System.IO.Stream stream = new System.IO.FileStream(sourceFileName, System.IO.FileMode.Open, System.IO.FileAccess.Read, System.IO.FileShare.ReadWrite))
                {
                    Aspose.Cells.Workbook workbook = new Workbook(stream);
                    workbook.Save(targetFileName, Aspose.Cells.SaveFormat.Html);
                }
            }
            catch (Exception ex)
            {
                Souxuexiao.API.Logger.error(string.Format("Excel檔案轉換為HTML檔案ConvertExcelToHtml異常原因是:{0}", ex.Message));
            }
            return System.IO.File.Exists(targetFileName);
        } 
        #endregion

        #region 1.03 將PowerPoint檔案轉換為PDF +ConvertPowerPointToPdf(string sourceFileName, string targetFileName)
        /// <summary>
        /// 將PowerPoint檔案轉換為PDF
        /// </summary>
        /// <param name="sourceFileName">PPT/PPTX檔案路徑</param>
        /// <param name="targetFileName">目標檔案路徑</param>
        /// <returns>轉換是否成功</returns>
        public static bool ConvertPowerPointToPdf(string sourceFileName, string targetFileName)
        {
            Souxuexiao.API.Logger.info(string.Format("準備執行PowerPoint轉換PDF,sourceFileName={0},targetFileName={1}",sourceFileName,targetFileName));
            try
            {
                using (System.IO.Stream stream = new System.IO.FileStream(sourceFileName, System.IO.FileMode.Open, System.IO.FileAccess.Read, System.IO.FileShare.ReadWrite))
                {
                    Aspose.Slides.Pptx.PresentationEx pptx = new Aspose.Slides.Pptx.PresentationEx(stream);
                    pptx.Save(targetFileName, Aspose.Slides.Export.SaveFormat.Pdf);
                }
            }
            catch (Exception ex)
            {
                Souxuexiao.API.Logger.error(string.Format("將PowerPoint檔案轉換為PDFConvertExcelToHtml異常原因是:{0}", ex.Message));
            }
            return System.IO.File.Exists(targetFileName);
        } 
        #endregion

        #region 2.01 讀取pdf檔案的總頁數 +GetPageCount(string pdf_filename)
        /// <summary>
        /// 讀取pdf檔案的總頁數
        /// </summary>
        /// <param name="pdf_filename">pdf檔案</param>
        /// <returns></returns>
        public static int GetPageCountByPDF(string pdf_filename)
        {
            int pageCount = 0;
            if (System.IO.File.Exists(pdf_filename))
            {
                try
                {
                    byte[] buffer = System.IO.File.ReadAllBytes(pdf_filename);
                    if (buffer != null && buffer.Length > 0)
                    {
                        pageCount = -1;
                        string pdfText = Encoding.Default.GetString(buffer);
                        Regex regex = new Regex(@"/Type\s*/Page[^s]");
                        MatchCollection conllection = regex.Matches(pdfText);
                        pageCount = conllection.Count;
                    }
                }
                catch (Exception ex)
                {
                    Souxuexiao.API.Logger.error(string.Format("讀取pdf檔案的總頁數執行GetPageCountByPowerPoint函式發生異常原因是:{0}", ex.Message));
                }
            }
            return pageCount;
        }
        #endregion

        #region 2.02 轉換PDF檔案為SWF格式 +PDFConvertToSwf(string pdfPath, string swfPath, int page)
        /// <summary>
        /// 轉換PDF檔案為SWF格式
        /// </summary>
        /// <param name="pdfPath">PDF檔案路徑</param>
        /// <param name="swfPath">SWF生成目標檔案路徑</param>
        /// <param name="page">PDF頁數</param>
        /// <returns>生成是否成功</returns>
        public static bool PDFConvertToSwf(string pdfPath, string swfPath, int page)
        {
            StringBuilder sb = new StringBuilder();
            sb.Append(" \"" + pdfPath + "\"");
            sb.Append(" -o \"" + swfPath + "\"");
            sb.Append(" -z");
            //flash version
            sb.Append(" -s flashversion=9");
            //禁止PDF裡面的連結
            sb.Append(" -s disablelinks");
            //PDF頁數
            sb.Append(" -p " + "\"1" + "-" + page + "\"");
            //SWF中的圖片質量
            sb.Append(" -j 100");
            string command = sb.ToString();
            System.Diagnostics.Process p = null;
            try
            {
                using (p = new System.Diagnostics.Process())
                {
                    p.StartInfo.FileName = _EXEFILENAME;
                    p.StartInfo.Arguments = command;
                    p.StartInfo.WorkingDirectory = System.IO.Path.GetDirectoryName(_EXEFILENAME);
                    //不使用作業系統外殼程式 啟動 執行緒
                    p.StartInfo.UseShellExecute = false;
                    //p.StartInfo.RedirectStandardInput = true;
                    //p.StartInfo.RedirectStandardOutput = true;

                    //把外部程式錯誤輸出寫到StandardError流中(pdf2swf.exe的所有輸出資訊,都為錯誤輸出流,用 StandardOutput是捕獲不到任何訊息的...
                    p.StartInfo.RedirectStandardError = true;
                    //不建立程式視窗
                    p.StartInfo.CreateNoWindow = false;
                    //啟動程式
                    p.Start();
                    //開始非同步讀取
                    p.BeginErrorReadLine();
                    //等待完成
                    p.WaitForExit();
                }
            }
            catch (Exception ex)
            {
                Souxuexiao.API.Logger.error(string.Format("轉換PDF檔案為SWF格式執行PDFConvertToSwf函式發生異常原因是:{0}", ex.Message));
            }
            finally
            {
                if (p != null)
                {
                    //關閉程式
                    p.Close();
                    //釋放資源
                    p.Dispose();
                }
            }
            return File.Exists(swfPath);
        }
        #endregion
    }
}

3、將pdf檔案轉swf的轉換器放到站點根目錄下新建資料夾pdf2swf（我就是這麼配置的，您隨意）

4、配置FlexPaper

預覽頁面引用

<script src="/FlexPaper/js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript" src="/FlexPaper/js/flexpaper_flash.js"></script>

控制元件容器以及設定項

<div style="margin:0 auto;width:980px;">
            <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> 
                <script type="text/javascript">
                    var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");
                    document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>"); 
                </script> 
            </div>
        <script type="text/javascript">
            var _filename = document.getElementById("_filename").value;
            var swfVersionStr = "9.0.0";
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {
                SwfFile: escape(_filename),
                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"
            }
            var attributes = { id: "FlexPaperViewer", name: "FlexPaperViewer" };
            swfobject.embedSWF("/FlexPaper/FlexPaperViewer.swf", "flashContent", "980", "620", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);
            swfobject.createCSS("#flashContent", "display:block;text-align:left;");
        </script>
        </div>

document.getElementById(“_filename”).value是預覽檔案的路徑

OK  大功告成  ，至於如何上傳，怎麼儲存上傳的檔案等等那些邏輯我這裡就省略了。。。。，但是有個建議，當使用者上傳檔案之後呼叫轉換api生成預覽檔案是個耗時的操作，

檔案越大耗時越長，也就是說生成預覽檔案的時候是需要時間的，因此我使用非同步方式生成預覽檔案。

相關文章