mvc中html匯出成word下載-簡單粗暴方式

最後更新：2017-09-07 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：code 小白為我建模替換 back 簡曆郵箱 doc

由於工作需求，需要把html簡曆頁匯出成word下載。網上搜尋了很多解決方案，基本都是用一些外掛程式，然後寫法也很麻煩，需要建立模板什麼的。

固定替換值代碼一大堆。但是對於我的需求來說並沒有什麼用，因為我這邊的資料不能固定。所以只能另尋辦法，皇天不負有心人找了一天

終於找到了
哈哈

mvc中的FlieResult 非常強大可以直接傳入html 指定檔案格式直接返回Flie檔案下載

不多說了直接上代碼吧非常之簡單粗暴

後台代碼：

        [ValidateInput(false)]        [HttpPost]        public FileResult ExportWord(string html)        {            StringBuilder sb = new StringBuilder();            sb.Append("<!DOCTYPE html>");            sb.Append("<body>");            sb.Append(html);            sb.Append("</body>");            var byteArray = System.Text.Encoding.Default.GetBytes(sb.ToString());            Response.ContentEncoding = System.Text.Encoding.GetEncoding("gb2312");            return File(byteArray, "application/ms-word", "wordtest" + ".doc");        }

前台代碼：

<body>    <form hidden id="form1" action="/Home/ExportWord" method="post">        <input type="hidden" value="" name="html" id="cc" />        <input type="submit" id="st" />    </form><div id="target">    <style>        table {            border: 0;             width: 1000px;        }        .tr {            background-color: #ccc;             font-size: 16px;             width: 500px;        }        .pl20 {            padding-left: 20px;        }        .pt10 {            padding-top: 10px;        }    </style>    <table>        <tr class="tr">            <td>個人資訊</td>        </tr>        <tr>            <td class="pl20 pt10">姓名：張三</td>        </tr>        <tr>            <td class="pl20 pt10">聯絡電話</td>        </tr>        <tr>            <td class="pl20 pt10">郵箱：[email protected]</td>        </tr>    </table></div></body><a id="ea" href="#">匯出word</a>

js代碼：

<script>    $("#ea").click(function () {        var html = $("#target").html();        $("#cc").val(html);        $("#st").click();    })</script>

這裡lz用的post提交，因為get提交url有長度限制大家應該都懂這裡就不多說了

樣式必須寫內聯或者行內樣式不然匯出來的檔案會沒有樣式圖片必須用絕對路徑不然不會顯示

lz在研究匯出word的時候去逛了一下智聯和51job的匯出word 智聯沒看出是用的什麼方法匯出的 51job應該也是用的這種類似的方式用PHP寫的由於lz是個剛入行的小白

51具體用什麼方式匯出的也不太清楚只是一個猜測看了下他們那個簡曆頁的html代碼樣式也是寫的內聯所以lz大膽猜測應該也是這種簡單粗暴法

以上觀點純屬個人觀點
大牛勿噴小白一個

mvc中html匯出成word下載-簡單粗暴方式

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More