用ASPOSE.Cells将HTML表格存为Excel

前端生成的html表格经常需要导出到excel中,利用JS和Office控件可以做到,但仅限于IE,还要启用安全设置。

想找一个简单的办法将HTML内容直接转换成Excel文件,如果直接修改网页头信息输出,虽然可以导出,但打开时会提示格式不是Excel的,怎样才能导出真正的Excel文件?


aspose.cells是个功能强大的控件,可以方便的生成excel文件。经考虑,将html发送到后台,保存为xls文件(其实是html内容),再用aspose.cells打开,输出到客户端,这样就变成了真正的excel文件了。

基本代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="htmlTableToExcel.aspx.cs" Inherits="ASPOSE_htmlTableToExcel" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <input id="Button1" type="button" value="button" onclick="toExcel()" />
    <div>
        <table style=" 200px; border:1px red solid;" id="table1">
            <tr>
                <td style="30px;">2</td>
                <td style="80px;">ddsf</td>
                <td style="90px;">s</td>
            </tr>
            <tr>
                <td>3</td>
                <td style="color:red; border:2px green solid;">sfas</td>
                <td>f</td>
            </tr>
            <tr>
                <td>5</td>
                <td>ggg</td>
                <td>g</td>
            </tr>
            <tr>
                <td> </td>
                <td rowspan="2">fffg</td>
                <td> </td>
            </tr>
            <tr>
                <td>z</td>
                <td>f</td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
<script src="../JS/Jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    function toExcel() {
        if (!document.getElementById('div_div_div_1234567890')) {
            $('body').append("<div id='div_div_div_1234567890' style='display:none;'>"
                + "<iframe id='submitFrame' name='submitFrame'></iframe>"
                + "<form id='form_form_form_1234567890' method='post' target='submitFrame' onsubmit='return false;'>"
                + "<input type='hidden' id='input_input_input_1234567890' name='table' />"
                + "</form>"
                + "</div>");
        }
        document.getElementById('input_input_input_1234567890').value = document.getElementById('table1').outerHTML;
        document.getElementById('form_form_form_1234567890').action = "htmlTableToExcel.ashx"
        document.getElementById('form_form_form_1234567890').submit();
    }
</script>

htmlTableToExcel.ashx:
<%@ WebHandler Language="C#" Class="htmlTableToExcel" %>

using System;
using System.Web;
using Aspose.Cells;
using System.IO;
using System.Text;

public class htmlTableToExcel : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        string table = context.Request["table"];

        //test info
        if (table == null || table == "")
        {
            table = @"<table style=' 200px' id='table1'>
                <tr>
                    <td style='30px;'>abc</td>
                    <td style='80px;'>123</td>
                    <td style='90px;'>这是测试信息</td>
                </tr>
            </table>";
        }

        MemoryStream stream = new MemoryStream();  
        StreamWriter writer = new StreamWriter( stream );  
        writer.Write( table );  
        writer.Flush();  
  
        
        //加载选项,html,否则会出错
        LoadOptions lo = new LoadOptions(LoadFormat.Html);
        Workbook wb = new Workbook(stream, lo);
        //输出到浏览器
        wb.Save(context.Response, "output.xls", ContentDisposition.Attachment, new XlsSaveOptions(SaveFormat.Excel97To2003));
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}


以上为简单的测试代码,经检验可以生成excel文件,只是格式方面像边框、宽度什么的就没有了,合并单元格什么的能保留;要是要求不高就将就用着吧。
原文地址:https://www.cnblogs.com/apollokk/p/6713850.html