Aspose.Cells实现excel预览

在WEB项目中经常遇到excel文档在线预览的需求，基本的解决思路有以下几大类：excel文档转PDF、excel文档直接转html、后台读取excel数据返回给前端利用Excel效果的表格插件如（HandsonTable）将数据进行展示、部署微软Office Online服务（office web apps）实现在线预览、在线的office预览服务（如谷歌docs、微软officeapps）。

EXCEL转HTML

excel转html可以通过第三方工具openoffice、微软office或者第三方类库如POI/NPOI、aspose.cell等转换为html文件。其中POI组件是开源免费的，Java版本叫POI，C#版本叫NPOI。但是转换的效果不是很好，有多个sheet页面的时候，POI会将所有sheet表格展示在一个网页里面，表格顶部会显示sheet名称，如果sheet很多的话页面会很长，出现滚动条页面样式不是很美观。

aspose.cells是收费组件，支持java、.net、.net core，免费使用时候转换出的html页面会有水印“Evaluation Only. Created with Aspose.Cells”如果excel存在多个sheet，aspose转换出来的网页会带选项卡，点击选项卡会展示对应的sheet页面内容，展示效果比POI转换出的html效果的好。

首先在后台使用aspose读取excel文件并返回转换好的html文件目录返回给前台

private readonly ILogger _logger;

private readonly IWebHostEnvironment _webHostEnvironment;

    public HomeController(ILogger<HomeController> logger, IWebHostEnvironment webHostEnvironment)

    {

        _logger = logger;

        _webHostEnvironment = webHostEnvironment;

    }

    public IActionResult Index()

    {

        return View();

    }

    public IActionResult Privacy()

    {

        return View();

    }

    [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]

    public IActionResult Error()

    {

        return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });

    }

    /// <summary>

    /// 返回html地址

    /// </summary>

    /// <returns></returns>

    public string ExcelToHtml()

    {

        //程序根目录

        string rootpath = _webHostEnvironment.ContentRootPath;

        //程序下webroot根目录

        string webRootPath = _webHostEnvironment.WebRootPath;

        string filepath = webRootPath + "\\excelFile\\test.xlsx";

        //读取模板路径

        Workbook book = new Workbook(filepath);

        //filePath为保存文件的地址，需要服务端底下可以正常访问的路径

        book.Save(webRootPath+ "\\excelFile\\test.html", SaveFormat.Html);

        return  "\\excelFile\\test.html";

    }

前端接收到后台返回的地址进行一个展示

点击查看代码

@{

    ViewData["Title"] = "Home Page";

}

<script type="text/javascript">

    //预览excel

    function ExcelToHtml() {

        $.ajax({

            url: "/Home/ExcelToHtml",

            data: "",

            type: "get",

            async: false,

            success: function (data) {

                debugger

                console.log(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, '_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');

            },error(err)

            {

                debugger

            }

        });

    }

</script>

<div class="text-center">

    <h1 class="display-4">Welcome</h1>

    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>

    <button onclick="ExcelToHtml()">预览excel</button>

</div>

效果如下

Aspose.Cells实现excel预览的更多相关文章

Aspose.Cells导出Excel（1）
利用Aspose.Cells导出excel 注意的问题 1.DataTable的处理 2.进行编码,便于中文名文件下载 3.别忘了Aspose.Cells.dll(可以自己在网上搜索) public ...
使用Aspose.Cells读取Excel
最新更新请访问: http://denghejun.github.io Aspose.Cells读取Excel非常方便,以下是一个简单的实现读取和导出Excel的操作类: 以下是Aspose.Ce ...
报表中的Excel操作之Aspose.Cells（Excel模板）
原文:报表中的Excel操作之Aspose.Cells(Excel模板) 本篇中将简单记录下Aspose.Cells这个强大的Excel操作组件.这个组件的强大之处,就不多说,对于我们的报表总是会有导 ...
怎么使用Aspose.Cells读取excel 转化为Datatable
说明:vs2012 asp.net mvc4 c# 使用Aspose.Cells 读取Excel 转化为Datatable 1.HTML前端代码 <%@ Page Language=" ...
怎么利用Aspose.Cells 获取excel 数据表中sheet的名称
说明:开发环境 vs2012 asp.net mvc4 c# 利用Aspose.Cells 获取Excel数据表的sheet的名称,并把获取的名称赋值给easyUI 的combobox 1.运行效果 ...
Aspose.cells 读取Excel表中的图片问题
一.说明本文主要是讲解,怎么使用aspose.cells读取Excel表中的图片,并把图片转换成流或是image对象. 二.开发环境说明开发工具vs2012,c#语言, 三.Aspose.cell ...
C#使用Aspose.Cells导出Excel简单实现
首先,需要添加引用Aspose.Cells.dll,官网下载地址:http://downloads.aspose.com/cells/net 将DataTable导出Xlsx格式的文件下载(网页输出) ...
Aspose.Cells导出Excel（2）
DataTable dtTitle = ds.Tables[]; DataTable dtDetail = ds.Tables[]; int columns = dtTitle.Columns.Cou ...
【转】Aspose.Cells读取excel文件
Aspose是一个很强大的控件,可以用来操作word,excel,ppt等文件,用这个控件来导入.导出数据非常方便.其中Aspose.Cells就是用来操作Excel的,功能有很多.我所用的是最基本的 ...
aspose.Cells 导出Excel
aspose aspse.Cells可以操作Excel,且不依赖于系统环境. 使用模板,通过绑定输出数据源这种适合于对格式没有特别要求的,直接绑定数据源即可.和数据绑定控件差不多. Workbook ...

随机推荐

Windows 10中蓝牙鼠标连接
最近遇到了一个问题,Windows 10中的蓝牙鼠标无法连接. 在添加蓝牙鼠标的时候系统提示输入PIN码.通常在蓝牙连接两个系统的时候会需要双方输入PIN码来确认身份,但是鼠标这种设备是没有地方显示P ...
尝试阅读理解一份linux shell脚本
以下内容为本人的学习笔记,如需要转载,请声明原文链接微信公众号「englyf」https://www.cnblogs.com/englyf/p/16721350.html 从头一二去阅读语法和命令说明 ...
8. Ceph 基础篇 - 运维常用操作
文章转载自:https://mp.weixin.qq.com/s?__biz=MzI1MDgwNzQ1MQ==&mid=2247485300&idx=1&sn=aacff9f7 ...
Ingress
一.需求背景固定对外提供服务采用了NodePort方式映射并固定了30001端口,但是,该端口默认范围是30000~32767,并且我们的web服务一般都是80.443端口对外,因此我们产生了如下几 ...
ERP 软件为什么很贵？
ERP软件的贵体现在两个方面,一个是软件系统贵,一个是部署实施贵,究其原因,就是ERP专业性太高.内部业务逻辑忒复杂,而面向形形色色的实体企业时个性化需求又加剧了它整体的复杂性,实施部署客制化无法避免 ...
mac通过docker一键部署Jenkins
目录 mac通过docker一键部署Jenkins 一.前言二.系统配置三.安装步骤 Dockerhub查看镜像地址 1.一键安装 1.1.下载脚本 1.2.安装程序 1.2.1.安装程序详情 1 ...
TDengine的数据建模?库、表、超级表是什么？怎么用？
欢迎来到物联网的数据世界在典型的物联网场景中,一般有多种不同类型的采集设备,采集多种不同的物理量,同一种采集设备类型,往往有多个设备分布在不同的地点,系统需对各种采集的数据汇总,进行计算和分析对于 ...
ArrayList LinkedList Vector之间的区别
List主要有ArrayList,LinkedList和vector三种实现.这三种都实现了List接口,使用方式也很相似,主要区别在于其实现方式的不同! 这三种数据结构中,ArrayList和Vec ...
PCA原理及其代码实现
首先简述一下PCA的作用: PCA是一种线性降维方法,它的目标i是通过某种线性投影,将高维的数据映射到低维空间中,并期望在所投影的维度上数据的信息量最大(方差最大),以此使用较少的数据维度,同时保留较 ...
Linux 下模拟制作块设备并挂载
Linux 下模拟制作块设备并挂载作者:Grey 原文地址: 博客园:Linux 下模拟制作块设备并挂载 CSDN:Linux 下模拟制作块设备并挂载环境 CentOS-7 下载地址:下载 Cen ...

Aspose.Cells实现excel预览

Aspose.Cells实现excel预览的更多相关文章

随机推荐

热门专题