C# 基於NPOI+Office COM組件 實現20行代碼在線預覽文檔（word，excel，pdf，txt，png）

由於項目需要，需要一個在線預覽office的功能，小編一開始使用的是微軟提供的方法，簡單快捷，但是不符合小編開發需求，

就另外用了：將文件轉換成html文件然后預覽html文件的方法。對微軟提供的方法感興趣的小伙伴可以去看一下，夠簡單直接：word+excle+pdf表格在線瀏覽

我們來說一下小編使用的方法，這種預覽方式基於開源的NPOI+Office COM組件，使用是需要引入這幾個動態鏈接庫，總體如下：

---

C#在線預覽文檔（word，excel，pdf，txt，png）

1. 預覽方式：將文件轉換成html文件然后預覽html文件
2. 預覽word文件：需要引入Interop.Microsoft.Office.Interop.Word.dll（Office COM+組件）
3. 預覽Excel文件：需要引入Interop.Microsoft.Office.Interop.Excel.dll（Office COM+組件)
4. PDF文件直接嵌入到瀏覽器中進行查看，無需轉換（需安裝pdf閱讀器）（直接使用文件的路徑訪問即可）
5. 文本文件直接嵌入到瀏覽器進行查看，無需轉換（直接使用文件的路徑訪問即可）
6. 圖片文件直接嵌入到瀏覽器進行查看，無需轉換（直接使用文件的路徑訪問即可）

---

 

下面小編就預覽word文件和預覽excel文件進行學習一下。

准備工作：

1、創建MVC項目，引入NPOI和office Com組件動態鏈接庫，小編使用的是VS2017，

　 直接在NuGet里面引入（只演示NPOI的引入，Interop.Microsoft.Office.Interop.Word和Interop.Microsoft.Office.Interop.Excel的引入一樣的操作）

 

2、在Content文件加下面建立一個excel文件和word文件，里面的內容可以自定義

---

 

 代碼編寫：

　　后端代碼：

 　　我們准備完成后就開始編寫代碼進行調試，代碼如下，我直接整個控制器粘貼出來。

using Microsoft.Office.Interop.Excel;
using NPOI.SS.UserModel;
using NPOI.XSSF.UserModel;
using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace WebOnlineWord.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        //C#在線預覽文檔（word，excel，pdf，txt，png）
        //1、預覽方式：將文件轉換成html文件然后預覽html文件
        //2、預覽word文件：需要引入Interop.Microsoft.Office.Interop.Word.dll（Office COM組件）
        //3、預覽Excel文件：需要引入Interop.Microsoft.Office.Interop.Excel.dll（Office COM組件) 
        //4、PDF文件直接嵌入到瀏覽器中進行查看，無需轉換（需安裝pdf閱讀器）
        //5、文本文件直接嵌入到瀏覽器進行查看，無需轉換
        //6、圖片文件直接嵌入到瀏覽器進行查看，無需轉換


        #region Excel預覽方法

        /// <summary>
        ///  excel 轉換為html
        /// </summary>
        /// <param name="path">要轉換的文檔的路徑</param>
        /// <param name="savePath">轉換成的html的保存路徑</param>
        /// <param name="wordFileName">轉換后html文件的名字</param>
        public JsonResult ExcelToHtml()
        {
            ResultJson result = new ResultJson();
            string path = Server.MapPath("/Content/excel.xlsx");  
            string savePath = Server.MapPath("/Content/"); 
            string wordFileName = "ExcelToHtml";
            string str = string.Empty;
            Microsoft.Office.Interop.Excel.Application repExcel = new Microsoft.Office.Interop.Excel.Application();
            Microsoft.Office.Interop.Excel.Workbook workbook = null;
            Microsoft.Office.Interop.Excel.Worksheet worksheet = null;
            workbook = repExcel.Application.Workbooks.Open(path, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing);
            worksheet = (Microsoft.Office.Interop.Excel.Worksheet)workbook.Worksheets[1];
            object htmlFile = savePath + wordFileName + ".html";
            string resultUrl = htmlFile.ToString();
            object ofmt = Microsoft.Office.Interop.Excel.XlFileFormat.xlHtml;
            workbook.SaveAs(htmlFile, ofmt, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Microsoft.Office.Interop.Excel.XlSaveAsAccessMode.xlNoChange, Type.Missing, Type.Missing, Type.Missing, Type.Missing, Type.Missing);
            object osave = false;
            workbook.Close(osave, Type.Missing, Type.Missing);
            repExcel.Quit();
            result.str = "/Content/" + wordFileName + ".html"; ;
            return Json(result, JsonRequestBehavior.AllowGet);

        }

        #endregion


        #region Excel預覽方法

        /// <summary>
        ///  word 轉換為html
        /// </summary>
        /// <param name="path">要轉換的文檔的路徑</param>
        /// <param name="savePath">轉換成的html的保存路徑</param>
        /// <param name="wordFileName">轉換后html文件的名字</param>
        public JsonResult WordToHtml()
        {
            ResultJson result = new ResultJson();
            string path = Server.MapPath("/Content/word.docx");
            string savePath = Server.MapPath("/Content/");
            string wordFileName = "WordToHtml";
            Microsoft.Office.Interop.Word.Application word = new Microsoft.Office.Interop.Word.Application();
            Type wordType = word.GetType();
            Microsoft.Office.Interop.Word.Documents docs = word.Documents;
            Type docsType = docs.GetType();
            Microsoft.Office.Interop.Word.Document doc = (Microsoft.Office.Interop.Word.Document)docsType.InvokeMember("Open", System.Reflection.BindingFlags.InvokeMethod, null, docs, new Object[] { (object)path, true, true });
            Type docType = doc.GetType();
            string strSaveFileName = savePath + wordFileName + ".html";
            object saveFileName = (object)strSaveFileName;
            docType.InvokeMember("SaveAs", System.Reflection.BindingFlags.InvokeMethod, null, doc, new object[] { saveFileName, Microsoft.Office.Interop.Word.WdSaveFormat.wdFormatFilteredHTML });
            docType.InvokeMember("Close", System.Reflection.BindingFlags.InvokeMethod, null, doc, null);
            wordType.InvokeMember("Quit", System.Reflection.BindingFlags.InvokeMethod, null, word, null);
            result.str = "/Content/" + wordFileName + ".html"; ;
            return Json(result, JsonRequestBehavior.AllowGet);

        }

        #endregion

        public class ResultJson
        {
            public bool res { get; set; }
            public string info { get; set; }
            public string str { get; set; }
        }
    }
}

　前端代碼：

 　　代碼如下，我直接整個頁面粘貼出來。

@{
    ViewBag.Title = "Home Page";
}

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
   
    //預覽excel
    function ExcelToHtml() {
        $.ajax({
            url: "/Home/ExcelToHtml",
            data: "",
            type: "POST",
            async: false,
            dataType: "json",
            success: function (data) {
                //獲得窗口的垂直位置
                var iWidth = 1400;
                var iHeight = 800;
                var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
                //獲得窗口的水平位置
                var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
                window.open(data.str, '_blank', 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');

               
            }
        });
    }

    //預覽word
    function WordToHtml() {
        $.ajax({
            url: "/Home/WordToHtml",
            data: "",
            type: "POST",
            async: false,
            dataType: "json",
            success: function (data) {
                //獲得窗口的垂直位置
                var iWidth = 1400;
                var iHeight = 800;
                var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
                //獲得窗口的水平位置
                var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
                window.open(data.str, '_blank', 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');


            }
        });
    }

</script>


<div style="margin-top:20px;height:800px">
      <input type="button" onclick="ExcelToHtml()" value="預覽excel" />
       <input type="button" onclick="WordToHtml()" value="預覽word" />
</div>

 

---

 效果查看：

　　在線預覽excel：

 　　　　如下，很顯然讀取到了我們事先准備好的excel。

 

 

 

　　在線預覽excel：

 　　　　如下，很顯然讀取到了我們事先准備好的word。

 

 

---

 

 

 總結：

 到這里一個簡單的在線預覽office就完成了，這是一個初始手稿，需要優化后續功能。

 感興趣的朋友可以關注一波，我們下次學習怎么在線編輯，實時保存（每改一下保存一下）和一鍵保存（編輯完成后點擊保存）

 原文地址：https://www.cnblogs.com/xiongze520/p/11358585.html

 轉載請注明出處，謝謝！

 

歡迎關注訂閱我的微信公眾平台【熊澤有話說】，更多好玩易學知識等你來取
作者：熊澤-學習中的苦與樂
公眾號：熊澤有話說
出處：https://www.cnblogs.com/xiongze520/p/11358585.html
創作不易，任何人或團體、機構全部轉載或者部分轉載、摘錄，請在文章明顯位置注明作者和原文鏈接。