在网页中预览excel表格文件
时间:2020-01-18
本文章向大家介绍在网页中预览excel表格文件,主要包括在网页中预览excel表格文件使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
项目需求在前端页面中实现预览excel表格的功能,上网了解之后大致总结为一下几种方法。
1.office文档转换为pdf,再转swf,然后通过网页加载flash进行预览
2.通过 xlsx.js,jszip.js插件
3.django xlrd读取excel内容,循环写入到前端页面table中
4.office转html,网页加载html文件进行预览
第一种方法:首先你的电脑上需要安装office软件,其次转换过程较为繁琐,同时消耗系统资源。
第二种方法:个人对js不是很熟悉,看了别人写的js代码,感觉可行性还是挺高的
第三种方法:通过django的xlrd插件按照行和列进行数据读取,然后写入到变量中存储,最后返回给前端模板页面。可以实现预览的效果,但后台操作较为繁琐,程序运行效率较低。
第四种方法:把excel表格打开后,另存为html格式的文件。在网页上预览效果和excel表格一致。
综上第四种方法是比较不错的选择
需要安装libreoffice软件,ubuntu下直接通过软件库安装,其他可通过官网下载,下载地址如下:
https://zh-cn.libreoffice.org...
ps:注意系统版本的选取
执行代码如下,后面跟的是文件地址。
libreoffice --invisible --convert-to html ' + my_file.name
在我的项目中,我把该代码集成到了文件上传的方法中,在文件上传完成后,生成该文件的html后缀的文件,最后在前端页面中通过a标签访问到对应的路径地址,实现在页面中预览的效果。
原文地址:https://www.cnblogs.com/10manongit/p/12209617.html
- 厚土Go学习笔记 | 15. defer语句延迟函数的执行
- Nodejs学习笔记(九)--- 与Redis的交互(mranney/node_redis)入门
- Nodejs学习笔记(十)--- 与MongoDB的交互(mongodb/node-mongodb-native)、MongoDB入门
- Golang泛型编程初体验
- 工具| 手把手教你制作信息收集器之端口扫描
- 厚土Go学习笔记 | 14. switch 的条件写的有点灵活,不过风格还是go的一贯风格
- Nodejs学习笔记(十四)— Mongoose介绍和入门
- 厚土Go学习笔记 | 13. 用循环和函数 实现Sqrt(x)
- 代码审计| 这是一款适合练手的漏洞
- 工具| NSE漏洞审计和渗透脚本的demo
- Windows Server 2008 R2 配置Exchange 2010邮件服务器并使用EWS发送邮件
- 厚土Go学习笔记 | 12. if 语句
- 厚土Go学习笔记 | 11. for循环 go语言只有for循环
- 从编译原理看一个解释器的实现
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 前端登录,这一篇就够了
- 技术译文 | MySQL 8 需要多大的 innodb_buffer_pool_instances 值(下)
- 创建线程到底有多少种方式?
- CANet|拼接注意力网络
- SQL 中判断条件的先后顺序,会引起索引失效么?
- 一个超酷的开源uHand2.0机械手掌项目
- 神经网络低比特量化——TQT
- web前端面试题:您能读懂的Promise源码实现(手写代码)
- web前端面试题对答篇:HTTP fetch发送2次请求的原因?
- MySQL 8.0之hash join
- MySQL 8.0 之原子DDL
- 翻译|MySQL 基于ScaleFlux SSD性能测试
- 使用srsLTE搭建4G基站
- 构建高性能队列,你不得不知道的底层知识!
- 案例| +1s导致的故障