C#實現(xiàn)將Word轉(zhuǎn)化分享為電子期刊

更新時間：2023年12月21日 09:47:39 作者：初九之潛龍勿用

曾經(jīng)由一個項目,要求實現(xiàn)制作電子期刊定期發(fā)送給企業(yè)進(jìn)行閱讀,由編輯人員使用 Microsoft Word先生成PDF文件,然后將生成的PDF文件轉(zhuǎn)化為JPEG文件,最后將JPEG文件生成電子書模式,本文給大家介紹了C#實現(xiàn)將Word轉(zhuǎn)化分享為電子期刊,需要的朋友可以參考下

需求

曾經(jīng)的一個項目，要求實現(xiàn)制作電子期刊定期發(fā)送給企業(yè)進(jìn)行閱讀，基本的需求如下：

1、由編輯人員使用 Microsoft Word 編輯期刊內(nèi)容，上傳到系統(tǒng)，生成PDF文件。

2、將生成的PDF文件轉(zhuǎn)化為JPEG文件。

3、將JPEG文件制作目錄結(jié)構(gòu)，并生成電子書模式。

方案分析

分析了一下需求，制作了初步的實現(xiàn)方案，主要有以下幾點分析：

1、Microsoft Word 仍然是目前比較常用和廣泛使用的應(yīng)用程序，適用于各類人群，他們只需要編寫好自己的文稿即可（包括文字、圖片、排版），所以可以作為實現(xiàn)電子書的基礎(chǔ)。

2、較高版本的 Word 如2016、2019及以上，可以提供另存為PDF的能力，利用API可以將DOCX另存為PDF文件，為進(jìn)一步生成JPEG圖片提供基礎(chǔ)。

3、利用改造過的 turn.js 實現(xiàn)電子書及翻頁效果。

關(guān)鍵代碼

Word 轉(zhuǎn) Pdf

在操作界面，上傳WORD文件，通過API將其另存為PDF文件。

示例代碼如下：

        public string WordToPdf(string _filename)
		{
            string resultReport=""; //調(diào)試信息
            Object Nothing =System.Reflection.Missing.Value;
//在上傳目錄下一定要創(chuàng)建一個tempbfile目錄用于存儲臨時文件
			string _file="",_path=Path.GetDirectoryName(_filename)+"\\tempbfile\\",_ext="";
 
			_file=Path.GetFileNameWithoutExtension(_filename);
			_ext=Path.GetExtension(_filename);
			string _validfilename=Guid.NewGuid().ToString()+_ext;
			string _lastfile=_path+_validfilename;
            string _pdfFile = _path + Guid.NewGuid().ToString() + ".pdf";
 
            File.Copy(_filename,_lastfile,true);
  	    if(!File.Exists(_lastfile))
		{
                resultReport += "create " + _lastfile + " fail.<br>";
				return "";
		}
 
            //取得Word文件保存路徑
            object filename=_lastfile;
			//創(chuàng)建一個名為WordApp的組件對象
			Word.Application WordApp=new Word.Application();
			//創(chuàng)建一個名為WordDoc的文檔對象
			WordApp.DisplayAlerts=Word.WdAlertLevel.wdAlertsNone;
			Word.Document WordDoc=WordApp.Documents.Open(ref filename,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing,ref Nothing);
            WordDoc.SpellingChecked = false;
            WordDoc.ShowSpellingErrors = false;
            string    pdfFilename = "";
//導(dǎo)出到pdf文件
                WordDoc.ExportAsFixedFormat(_pdfFile, Microsoft.Office.Interop.Word.WdExportFormat.wdExportFormatPDF,false,Word.WdExportOptimizeFor.wdExportOptimizeForPrint,
                    wdExportRange,pagefrom,pageto,Word.WdExportItem.wdExportDocumentContent,false,true,Word.WdExportCreateBookmarks.wdExportCreateNoBookmarks,
                    true,true,false, ref Nothing);
                if (File.Exists(_pdfFile))
                {
                    pdfFilename = _pdfFile;
                }
 
            WordDoc.Close(ref Nothing, ref Nothing, ref Nothing);
			//關(guān)閉WordApp組件對象
			WordApp.Quit(ref Nothing, ref Nothing, ref Nothing);
  	    return pdfFilename;
 
 
 
        }

Pdf 轉(zhuǎn)批量 Jpeg

生成pdf文件后，我們需要將其轉(zhuǎn)化到指定目錄下，批量生成JPEG圖片，以備客戶端JS進(jìn)行調(diào)用。

方法介紹：

public void PdfToImage(string pdfInputPath, string imageOutputPath,string imageName)

//參數(shù)1：PDF文件路徑，參數(shù)2:輸出圖片的路徑，參數(shù)3：圖片文件名的前綴，比如輸入Img，則會輸出Img_001.jpg、Img_002.jpg。。。以此類推。

示例代碼如下：

//參數(shù)1：PDF文件路徑，參數(shù)2:輸出圖片的路徑，參數(shù)3：圖片文件名的前綴，比如輸入Img，則會輸出Img_001.jpg、Img_002.jpg以此類推
public void PdfToImage(string pdfInputPath, string imageOutputPath,string imageName)
        {
            //            PdfRenderFlags.Annotations 改成 PdfRenderFlags.CorrectFromDpi DPI值設(shè)置成600 即可高清圖像
            if (Directory.Exists(imageOutputPath) == false)
            {
                Directory.CreateDirectory(imageOutputPath);
            }
 
            var pdf = PdfiumViewer.PdfDocument.Load(pdfInputPath);
 
            var pdfpage = pdf.PageCount;
            var pagesizes = pdf.PageSizes;
            if (pdfpage == 0)
            {
                pdf.Dispose();
                return;
            }
            var document = PdfiumViewer.PdfDocument.Load(pdfInputPath);
            for (int i = 1; i <= pdfpage; i++)
            {
                Size size = new Size();
                size.Height = (int)pagesizes[(i - 1)].Height;
                size.Width = (int)pagesizes[(i - 1)].Width;
                //可以把".jpg"寫成其他形式
                string tmpfile = imageOutputPath + imageName + "_" + i.ToString().PadLeft(3, '0') + ".jpg";
                var stream = new FileStream(tmpfile, FileMode.Create);
                var image = document.Render(i - 1, size.Width, size.Height, 120, 120, PdfRenderFlags.CorrectFromDpi);
                image.Save(stream, System.Drawing.Imaging.ImageFormat.Jpeg);
                stream.Close();
 
            }
            document.Dispose();
            pdf.Dispose();
        }

Jpeg 轉(zhuǎn)為電子書

根據(jù) turn.js 的格式要求，我們在服務(wù)端 Page_Load 事件里生成一個 ViewState，直接輸出到客戶端，ViewState["result"] 是我們要輸出的變量，我們對指定的 jpgTmpPath 變量目錄進(jìn)行遍歷，符合jpeg或jpg擴展名的文件則進(jìn)行記錄。

服務(wù)端示例代碼如下：

protected void Page_Load(object sender, EventArgs e)
    {
        ViewState["result"] = "";  //關(guān)鍵的viewsate，用于存儲JPEG地址數(shù)組格式
        string _cid=Request.QueryString["cid"];
        if ( _cid!= null)
        {
            string result = "";
            string jpgTmpPath = Request.PhysicalApplicationPath + "\\ebook\\" + _cid + "\\";
            if (Directory.Exists(jpgTmpPath))
            {
                string[] allfs = System.IO.Directory.GetFiles(jpgTmpPath);
                for (int i = 0; i < allfs.Length; i++)
                {
                    string jpgfile = allfs[i].ToLower();
                    string filename = System.IO.Path.GetFileName(jpgfile);
                    if (jpgfile.IndexOf(".jpg") == -1 && jpgfile.IndexOf(".jpeg") == -1)
                    {
                        continue;
                    }
                    result += "\"../../ebook/" + _cid + "/" + filename + "\",\r\n";
                }
                ViewState["result"] = result;
            }
        }
        if (ViewState["result"].ToString() == "")
        {
            Response.Write("沒有預(yù)覽資源");
            Response.End();
        }
}

中間UI代碼引用示例：

 
<head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate"/>
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title>電子期刊預(yù)覽</title>
    
    <link rel="stylesheet" type="text/css" href="css/basic.css" rel="external nofollow" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script>
</head>
 
 
<div class="shade">
    <div class="sk-fading-circle">
        <div class="sk-circle1 sk-circle"></div>
        <div class="sk-circle2 sk-circle"></div>
        <div class="sk-circle3 sk-circle"></div>
        <div class="sk-circle4 sk-circle"></div>
        <div class="sk-circle5 sk-circle"></div>
        <div class="sk-circle6 sk-circle"></div>
        <div class="sk-circle7 sk-circle"></div>
        <div class="sk-circle8 sk-circle"></div>
        <div class="sk-circle9 sk-circle"></div>
        <div class="sk-circle10 sk-circle"></div>
        <div class="sk-circle11 sk-circle"></div>
        <div class="sk-circle12 sk-circle"></div>
    </div>
    <div class="number"></div>
</div>
 
<div class="flipbook-viewport" style="display:none;">
    <div class="previousPage"></div>
    <div class="nextPage"></div>
    <div class="return"></div>
    <img class="btnImg" src="./image/btn.gif" style="display: none"/>
    <div class="container">
        <div class="flipbook">
        </div>
 
        <div class="pagenumber">
        </div>
    </div>
</div>

客戶端腳本：

在客戶端我們接收來自 ViewState["result"] 的變量值，實現(xiàn)電子書的效果：

<script type="text/javascript">
    var loading_img_url = [
    <%=ViewState["result"]%>
    ];
</script>
<script type="text/javascript" src="js/main.js"></script>
<script>
    //自定義彈出層
    (function ($) {
        //ios confirm box
        jQuery.fn.confirm = function (title, option, okCall, cancelCall) {
            var defaults = {
                title: null, //what text
                cancelText: '取消', //the cancel btn text
                okText: '確定' //the ok btn text
            };
 
            if (undefined === option) {
                option = {};
            }
            if ('function' != typeof okCall) {
                okCall = $.noop;
            }
            if ('function' != typeof cancelCall) {
                cancelCall = $.noop;
            }
 
            var o = $.extend(defaults, option, { title: title, okCall: okCall, cancelCall: cancelCall });
 
            var $dom = $(this);
 
            var dom = $('<div class="g-plugin-confirm">');
            var dom1 = $('<div>').appendTo(dom);
            var dom_content = $('<div>').html(o.title).appendTo(dom1);
            var dom_btn = $('<div>').appendTo(dom1);
            var btn_cancel = $('<a href="#" rel="external nofollow"  rel="external nofollow" ></a>').html(o.cancelText).appendTo(dom_btn);
            var btn_ok = $('<a href="#" rel="external nofollow"  rel="external nofollow" ></a>').html(o.okText).appendTo(dom_btn);
            btn_cancel.on('click', function (e) {
                o.cancelCall();
                dom.remove();
                e.preventDefault();
            });
            btn_ok.on('click', function (e) {
                o.okCall();
                dom.remove();
                e.preventDefault();
            });
 
            dom.appendTo($('body'));
            return $dom;
        };
    })(jQuery);
 
    if ($(window).width() > 1024 && $(window).height() > 700) {
        //上一頁
        $(".previousPage").bind("click", function () {
            var pageCount = $(".flipbook").turn("pages"); //總頁數(shù)
            var currentPage = $(".flipbook").turn("page"); //當(dāng)前頁
            if (currentPage > 2) {
                $(".flipbook").turn('page', currentPage - 2);
            } else if (currentPage == 2) {
                $(".flipbook").turn('page', currentPage - 1);
            }
        });
        // 下一頁
        $(".nextPage").bind("click", function () {
            var pageCount = $(".flipbook").turn("pages"); //總頁數(shù)
            var currentPage = $(".flipbook").turn("page"); //當(dāng)前頁
            if (currentPage < pageCount - 1) {
                $(".flipbook").turn('page', currentPage + 2);
            } else if (currentPage == pageCount - 1) {
                $(".flipbook").turn('page', currentPage + 1);
            }
        });
    } else {
        //上一頁
        $(".previousPage").bind("click", function () {
            var pageCount = $(".flipbook").turn("pages"); //總頁數(shù)
            var currentPage = $(".flipbook").turn("page"); //當(dāng)前頁
            if (currentPage >= 2) {
                $(".flipbook").turn('page', currentPage - 1);
            } else {
            }
        });
        // 下一頁
        $(".nextPage").bind("click", function () {
            var pageCount = $(".flipbook").turn("pages"); //總頁數(shù)
            var currentPage = $(".flipbook").turn("page"); //當(dāng)前頁
            if (currentPage <= pageCount) {
                $(".flipbook").turn('page', currentPage + 1);
            } else {
            }
        });
    }
    //返回到目錄頁
   
 
    $(".return").bind("click", function () {
        $(document).confirm('您確定要返回首頁嗎?', {}, function () {
            $(".flipbook").turn('page', 1); //跳轉(zhuǎn)頁數(shù)
        }, function () {
        });
    });
    function gotopage(pageindex) {
        $(".flipbook").turn('page',pageindex);
    }
 
 
 
</script>