前端生成的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="width: 200px; border:1px red solid;" id="table1">

            <tr>

                <td style="width:30px;">2</td>

                <td style="width:80px;">ddsf</td>

                <td style="width: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='width: 200px' id='table1'>

                <tr>

                    <td style='width:30px;'>abc</td>

                    <td style='width:80px;'>123</td>

                    <td style='width: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文件，只是格式方面像边框、宽度什么的就没有了，合并单元格什么的能保留；要是要求不高就将就用着吧。

用ASPOSE.Cells将HTML表格存为Excel的更多相关文章

  1. Aspose.Cells Smart markers 基于模板导出Excel

    Aspose.Cells可以预先定义Excel模板,然后填充数据(官方文档:http://www.aspose.com/docs/display/cellsjava/Smart+Markers). 设 ...

  2. c#使用aspose.cells 从datatable导出数据到excel

    string json=value.Value; DataTable dt=Utils.JsonDataTableConvert.ToDataTable(json); string fileName ...

  3. C# 读写Excel的一些方法,Aspose.Cells.dll

    需求:现有2个Excel,一个7000,一个20W,7000在20W是完全存在的.现要分离20W的,拆分成19W3和7000. 条件:两个Excel都有“登录名”,然后用“登录名”去关联2个Excel ...

  4. Aspose Cells 添加数据验证(动态下拉列表验证)

    参考 :http://www.componentcn.com/kongjianjishu/kongjianjishu/2015-06-04/2781.html Aspose Cells是一款操作和处理 ...

  5. C# Aspose.Cells方式导入Excel文件

    读取Excel 类 我返回的是DataTable 类型 也可以返回DataSet类型 public class XlsFileHelper { public DataTable ImportExcel ...

  6. 常用类-Excel-使用Aspose.Cells插件

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Xm ...

  7. C#使用Aspose.Cells导出Excel简单实现

    首先,需要添加引用Aspose.Cells.dll,官网下载地址:http://downloads.aspose.com/cells/net 将DataTable导出Xlsx格式的文件下载(网页输出) ...

  8. 使用Aspose.Cells读取Excel

      最新更新请访问: http://denghejun.github.io Aspose.Cells读取Excel非常方便,以下是一个简单的实现读取和导出Excel的操作类: 以下是Aspose.Ce ...

  9. Aspose.Cells 首次使用，用到模版填充数据，合并单元格，换行

    Aspose.Cells 首次使用,用到模版填充数据,合并单元格,换行 模版格式,图格式是最简单的格式,但实际效果不是这种,实际效果图如图2 图2 ,注意看红色部分,一对一是正常的,但是有一对多的订单 ...

随机推荐

  1. SSE图像算法优化系列二十一：基于DCT变换图像去噪算法的进一步优化（100W像素30ms）。

    在优化IPOL网站中基于DCT(离散余弦变换)的图像去噪算法(附源代码) 一文中,我们曾经优化过基于DCT变换的图像去噪算法,在那文所提供的Demo中,处理一副1000*1000左右的灰度噪音图像耗时 ...

  2. Object 标签遮挡 Div 显示

    最近在使用 Object 时,就是播放视频的 Object 标签遮挡住其他 div 标签,不能正常显示. 出现这种现象的原因: object 标签不在 dom 文档流里面,浏览器在解析的时候先把 ob ...

  3. Transport scheme NOT recognized: [stomp]

    今天在ubuntu上装个activemq,本来以为就是apt-get install activemq就行了的. 结果配置上stomp协议,activemq居然起不来.起不来就起不来吧,也没个提示. ...

  4. 【Python】解析Python中的条件语句和循环语句

    1.if语句 if语句有好几种格式,比如: if condition: statement 使用 if ... else ...: if condition: statement(1) else: s ...

  5. Android RecyclerView的item大小保持四个半

        现在有这么一个需求,实现下图的UI.  我想你应该能想到用RecyclerView实现, 当我唰唰唰几分钟做完之后,UI设计师跟我说,每个item,无论在什么手机上,都要显示四个半,具体看下图 ...

  6. Mathematica绘制曲面交线方法

    新引入的SliceContourPlot不错 SliceContourPlot3D[y, (1.7 x^2 + y/3 + 0.6 z^2) (1.7 (x - 2)^2 + y/3 + 0.6 z^ ...

  7. 前端学习-jQuery

    老师博客:https://www.cnblogs.com/yuanchenqi/articles/6070667.html day43,day44 jquery 中文文档:http://jquery. ...

  8. UE4 Notes

    Unreal Engine 4 减少编辑器的帧率C:\Program Files\Epic Games\UE_4.19\Engine\Config\BaseEngine.ini[/Script/Unr ...

  9. FFmpeg中的时间基(time_base), AV_TIME_BASE

    AV_TIME_BASE 经常在FFmpeg的代码中看到一个奇怪的单位 AV_TIME_BASE ,比如 AVFormatContext 结构体中就有这样一个字段: duration ,它在FFmpe ...

  10. android studio设置imageview显示图片

    拖动imageview 选择图片 .png 代码引用: private Imageview pay; pay = (ImageView)findViewById(R.id.imageView2); p ...