在浏览器上打开、预览Excel xlsx表格文件

最新推荐文章于 2024-07-31 12:10:30 发布
最新推荐文章于 2024-07-31 12:10:30 发布
阅读量3.7k 收藏 2
点赞数
文章标签： javascript java 移动开发 ViewUI
原文链接：http://www.cnblogs.com/it365box/p/11151933.html
版权
随着HTML5的FileReader API的出现，JavaScript现在能够解析包括ZIP压缩文件和Excel xlsx表格在内的多种文件类型。本文介绍并比较了三个流行的用于处理Excel的JavaScript库：xlsx.js、exceljs和xlsx-populate.js，展示了它们如何改变Web应用中文件处理的方式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

现在的HTML5，有了FileReader文件读写API， 真是让javascript的能力大幅提升。

解析zip压缩文件、解析Excel xlsx 表格文档各种文件预览，实现起来也有了可能性，以前的js是完全无法实现的。

 

github找了一下，找到3个热门的excel的js开源库。

 

xlsx.js
Github: https://github.com/SheetJS/js-xlsx

这个是最热门的了。

 

exceljs
Github: https://github.com/exceljs/exceljs

 

xlsx-populate.js
Github: https://github.com/dtjohnson/xlsx-populate

 

Excel表格相关JS库 demo示例

 

转载于:https://www.cnblogs.com/it365box/p/11151933.html

Vue2 - 最新详细实现在线预览Excel文件(xls/xlsx)多种方案，解析打开excel电子表格支持服务器链接在线URL形式、调用后端接口获取二进制文件流、文件地址（vue实现excel预览）
王二红
12-14 6451
vue2，nuxt2，预览excel文件，vue预览Excel表格，vue在线编辑xls文件，预览和编辑，vue2如何新开一页浏览器打开查看，xlsx，xls，纯前端vue中预览excel表格，接口调用的文件如何预览查看，文件url地址，vue移动端实现excel在线预览，vue移动端H5网页excel预览，手机h5页面打开在线EXCEL文档，在弹框中加载预览，在指定模态框中显示，基于Vue的Excel文件预览，加载失败白屏，报错没反应，详细示例代码教程，文件预览下载，excel预览插件，xlsx插件预览，
Vue3 - 最新详细实现网站内部打开预览 office 全套附件，在页面弹窗内解析预览 word文档、excel电子表格、ppt演示文稿（docx|xlsx|pptx|pdf|txt等文件）完美兼容
最新发布
王二红
07-31 1万+
vue3，nuxt3，下载预览，如何预览pdf文档，打开查看，office全套文档，实现在线预览文件，小程序内预览word文件，手机h5移动端网页，nuxt文档在线预览，预览office最好用的插件，office，文档，文件，查看预览，弹框预览，文档无法解析，打不开，报错，失效，保存下载，vue前端预览并下载doc、xls、pdf、txt及图片，下载查看，Office在线预览，vue-office，vue如何使用vue-office教程示例，word文档，ppt，exce表格，预览电子文件，vue在线预览
HTML+JS实现浏览器在线预览文件（支持pdf、excel、ppt、doc、jpg、png格式）
04-19
浏览器在线预览文件（支持pdf、excel、ppt、doc、jpg、png格式） PS：excel、ppt、doc格式只支持公网地址，如：http://xxx/x.odc
文件预览：使用xlsx预览excel文件
大香蕉的博客
02-23 6780
前端预览excel文件、前端预览Markdown、xlsx
js-xlsx：excel文件预览
hawkl123的博客
07-29 1559
https://blog.csdn.net/jx950915/article/details/81538753
服务器xlsx文件预览,office预览，xls，xlsx，docx，pdf，txt,pdf,ppt
weixin_31205797的博客
08-10 397
更新记录1.0.5(2020-11-02)支持本地路径，用法见说明1.0.4(2020-10-23)1、修复文件下载失败bug。2、优化标题栏显示隐藏查看更多平台兼容性AndroidiOS适用版本区间：4.4 - 11.0 支持CPU类型：armeabi-v7a,arm64-v8a×原生插件通用使用流程：购买插件，选择该插件绑定的项目。在HBuilderX里找到项目，在manifest的app原生...
前端实现（excel）xlsx文件预览
m0_56212431的博客
08-07 8926
接到一个任务，是要前端实现文件预览效果，百度了一圈，发现也没有什么好的方法可以完美的将表格渲染出来。在前端中有sheetjs和exceljs可以对xlsx文件进行解析，本来一开始我用的是sheetjs，但是在样式获取上遇到了麻烦，所以我改用了exceljs，不过很难受，在样式获取时同样遇到了不小的麻烦，但是我懒得换回sheetjs了，那就直接使用exceljs吧。要实现xlsx文件预览效果，我的想法是使用一个库对xlsx文件进行解析，然后使用另一个库对解析出来的数据在页面上进行绘制，综上，exceljs。
Vue2 - 最新详细实现网站内部打开预览 office 全套附件，在页面弹窗内解析预览 word文档、excel电子表格、ppt演示文稿（docx|xlsx|pptx|pdf|txt等文件）详细代码
王二红
07-31 1万+
vue2，nuxt2，office，文档，文件，查看预览，弹框预览，下载预览，如何预览pdf文档，打开查看，office全套文档，实现在线预览文件，小程序内预览word文件，手机h5移动端网页，nuxt文档在线预览，预览office最好用的插件，下载查看，Office在线预览，vue-office，vue如何使用vue-office教程示例，word文档，ppt，exce表格，预览电子文件，文档无法解析，打不开，报错，失效，保存下载，vue前端预览并下载doc、xls、pdf、txt及图片，vue2中预览p
JavaScript - 本地上传 Excel 文件页面表格预览
王二红
07-30 1781
效果图 简介 该功能仅依赖xlsx.full.min.js与jquery.min.js，也可使用css自定义表格样式。 从本地选择excel文件（支持*.xls/*.xlsx），即可在页面的<table>表格中完成渲染预览。 使用方法 示例代码干净整洁，详细注释。 直接克隆仓库，运行示例即可。 ...
uniapp - 实现移动端H5微信公众号网页内置浏览器中预览和下载word文档(doc)、excel表格(xls)、ppt文稿、pdf文档等文件，微信内部打开预览和下载到本地详教程，兼容安卓苹果手机
王二红
07-12 1万+
uni-app，微信公众号，h5，移动端，web平台端，网页，网站，Uniapp微信公众号H5网站，内置浏览器下载文档，如何在微信浏览器中预览office文件，word文档，excel文档，pdf文档，ppt文档，office，微信内置浏览器下载文件，下载文件，在微信浏览器里面实现下载任意文件，H5需要在微信浏览器中下载excel文件，UniApp实现网页在微信内置浏览器中下载文件详细教程，安卓点击下载会提示打开浏览器，后端返回流文件，如何解决无法下载文件，跳转至浏览器下载文件，发送到电脑微信，安卓，苹果，
xlsx-populate:用JavaScript编写的Excel XLSX解析器生成器，具有Node.js和浏览器支持，jQueryd3样式的方法链接，加密，并专注于保持现有工作簿功能和样式不变
05-02
xlsx填充 用JavaScript编写的Excel XLSX解析器/生成器，具有Node.js和浏览器支持，jQuery / d3样式方法链接，加密，并专注于保持现有工作簿功能和样式不变。 目录 查找和替换 款式 富文本 支持的样式 用法 笔记 日期 资料验证 方法链接 超连结 列印选项 页边距 SheetView窗格 从快递服务 浏览器使用情况 承诺 加密 缺少功能 提交问题 贡献 xlsx-populate如何工作 设置环境 拉取请求清单 Gulp任务 样式参考 API参考 安装 Node.js npm install xlsx-populate 请注意，xlsx-populate使用ES6功能，因此仅支持Node.js v4 +。 浏览器 可以在examples / browser / index.html中找到功能强大的浏览器示例。 首先为Node.js编写xlsx-
xlsx-template:用占位符填充xlsx模板。 用提供的数据替换它们
04-06
xlsx模板 通过给定的数据将工作簿填充到特殊占位符标记的位置。 安装 通过npm安装软件包： npm install @tormozz48/xlsx-template 使用范例 假定工作目录中存在./template-simple.xlsx XLSX文件，并且具有给定的内容： ＃ 一个 乙 C d E 1个 str（data.strVal） number（data.numberVal 0.00） 日期（data.dateVal dd / mm / yyyy） 链接（data.linkVal） {str（data.strVal）} 2个 编号（data.numberVal） 日期（data.dateVal） const { XLSXPopulateTemplate } = require ( 'xlsx-template' ) ; const xlsxPopula
VUE无需上传，在浏览器中查看xlsx或xls表格
PrettyBoy@的博客
11-26 894
xlsx-to-table 无需上传，在浏览器中查看xlsx或xls表格，由js-xlsx驱动. (https://www.npmjs.com/package/xlsx-to-table) 依赖 vue: ^2.0.0 用法 install npm install xlsx-to-table --save main.js import xlsxToTable from 'xlsx-to-table' Vue.use(xlsxToTable, {rABS: false}) //浏览器的FileRe
全网最全的docx、pptx、xlsx、pdf文件预览方案
公众号-老炮说Java
11-30 1170
最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下花钱解决(使用市面上现有的文件预览服务)微软google阿里云 IMMXDOCOffice Web 365wps开放平台前端方案pptx的预览方案pdf的预览方案docx的预览方案xlsx(excel)的预览方案前端预览方案总结服务端方案openOfficekkFi...
浏览器预览文档、PPT、Excel 和PDF的实现方法
mangobot的博客
08-30 588
浏览器预览文档、PPT、Excel 和PDF的实现方法
React中使用react-file-viewer，实现预览office文件（pdf,word,xlsx等文件）前端实现，在浏览器打开文件
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
12-11 4万+
前言： 最近做一个项目要求在前端浏览器可以直接打开office文件（pdf,doc,xlsx等文件）。pdf浏览器可以直接打开（可以直接用a标签href="文件地址"或者iframe标签src="文件地址"再或者使用pdf.js）。但是word,xlsl等文件很难实现，网上的实现方式有微软的方法实现但是访问的文件地址必须是公共文件，所有人都能访问到才可以使用，显然是不行的，所以我就找到了reac...
POI 实现word(doc/docx)与excel（xls/xlsx）浏览器预览
m0_51294769的博客
01-03 1437
POI 实现word(doc/docx)与excel（xls/xlsx）浏览器预览
碎碎念--关于excel文件实现预览
Zhang_zhangxka的博客
03-22 1706
本文实现了一个可以进行常规 Excel 文件的在线预览功能，完全不需要后端任何服务，可以为前端同学开发 Excel 编辑软件提供一种比较可靠的思路。实现的预览功能在浏览器、小程序、安卓 APP 中进行测试通过，能正常渲染。但是，并未没有提供编辑、嵌套表格展示、单元格样式展示等高级功能，并不代表开源框架和不能实现。如果有时间精力的话，完全可以使用本文介绍的开源框架实现一个完整版的 Excel 软件。
实现Word、Excel及PDF文件的在线预览与转换
要在不打开Excel的情况下预览文件，可以将Excel文件转换为PDF或者HTML格式。服务器端技术如Apache POI和Microsoft Excel REST API同样可以实现文件的服务器端转换。前端技术中，Office.js可用于在浏览器中展示和操作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值