js读取excel文件内容?开整环境 : Node.js框架 : "dependencies": { "node-xlsx": "^0.11.2" }逻辑 :Excel表格样式期待输出样式如上两图展示那样,直接取出相应的值拼接成想到的输出格式。那么,js读取excel文件内容?一起来了解一下吧。
1、进入Internet属性。
2、点击安全。
3、选择自定义级别。
4、把ActiveX控件和插件下的所有选项都改成启用塌乎。
5、服务器生成html格侍桥式的Excel,团谈悉然后设置
后台管理的功能:
1、需要将excel表格中的数据一次性复制到html table中
2、点击提交按钮,将table中的数据提交到服务器端进行处理。
代码:
body{
background-color: white;
margin: 0;
padding: 0;
}
table {
width:95%;
padding: 0;
margin-left:30px;
text-align: center;
}
th {
font: 15px "trebuchet ms", '楷体_GB2312';
color: #4f6b72;
border-right: 1px dashed #c1dad7;
border-bottom: 1px dashed #c1dad7;
border-top: 1px dashed #c1dad7;
letter-spacing: 2px;
text-transform: uppercase;
background: #cae8ea;
margin: 0;
}
td {
border-right: 1px dashed #c1dad7;
border-top: 1px dashed #c1dad7;
border-bottom: 1px dashed #c1dad7;
background: #fff;
font-size:12px;
color: #4f6b72;
margin: 0;
}
.btn_03{
background-attachment: scroll;
background-clip: border-box;
background-color: #cae8ea;
background-origin: padding-box;
background-size: auto auto;
width: 65px;
}
.error{
width: 12%;
vertical-align: top;
}
input{
padding: 0;
margin: 0;
border: 0;
background: white;
width: 100%;
height:100%
}
这篇文章主要给大家介绍了关于利用Node解决简单重复问题系列之Excel内容获取的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一态圆袭定的参考学习价值,需要的朋友们下面一起学习吧。
始因 -- 懒
最近项目中,经常用到多语言翻译,而iOS的多语言适配,设计给出的多语言都是指定的翻译制作成的一系列表格,基本都要一点一点复制到对应的语言文件中,如此反复,尤其是需求量叠加,对应翻译较多时,一条一条复制粘贴很是费时费力。并且多语言出错并不容易排查,无形中增加测试负担。这时候就突然想起了可以用脚本语言处理,直接拼接成我想要的字段,这样不是只需要一次性解决么?下面话不多说了,来一看看详细的介绍吧。
开整
环境 : Node.js
框架 :
"dependencies": {
"node-xlsx": "^0.11.2"
}逻辑 :
Excel表格样式
期待输出样式
如上两图展示那样,直接取出相应的值拼接成想到的输出格式。
上代码
'use strict'
var xlsx = require('node-xlsx');
var fs = require('fs');
var path = require('path')
var files = path.resolve(__dirname);
var excelPath;
fs.readdir(files ,function (error,allfiles){
if(error){
console.log(error);
}else{
allfiles.forEach(function(filename){
var fileDir = path.join(files,filename);
fs.stat(fileDir,function(error,stats){
if(error){
console.log(error);
}else{
// console.log(fileDir);
if (fileDir.indexOf('xlsx') > 0){
excelPath = fileDir;
craeatLanguageText();
}
}
});
})
}
});
function craeatLanguageText(){
console.log(excelPath);
//读取文件内容
var obj = xlsx.parse(excelPath);
var excelObj = obj[0].data;
var data = [];
var arr = [];// 语言种类
for (var i in excelObj) {
var value = excelObj[i];
for (var j in value) {
if (i == 0) {
if (j > 1) {
arr.push(value[j]);
}
} else {
if (j > 1) {
var str = arr[j - 2];
var item = value[0]
var vaue = value[j];
var reg = /'/
vaue = vaue.replace(reg, "'");
str = str + '\n' + '"' + item + '"' + ' ' + '=' + " " + '"' + vaue + '"' + ';';
arr[j - 2] = str;
console.log(str);
}
}
}
}
var languageStr = arr.join('\n');
//将文件内容插入新的文件中
fs.writeFileSync('language.text', languageStr, { encoding: "utf8" });
}逻辑比较容易看懂,不再赘述,直接在node项目文件夹拖入要解析的Excel 运帆兄行即可腔森。
在Excel表格里,添上表头。
第一,打开表格,点击打印预览。第二,除了第一页外,都需要打印。第三,打开菜单栏里的页面布局选项卡,点击打印标题。第四,会弹出页面设置对掘拆氏话框。第五,在御散打印标题下面有顶端标题行与左端标题列,点击右边小图标。第六,选中的表格第一页标题行,再点右边的小图标,确定判散,表头就添加上了。
在JavaScript中我没们如何在浏览器上读取文件呢,接下来将在文章中详细和大家分享,希望对大家有所帮助。
因为JavaScript中的Web API有了新的方法File API,所以我们在浏览器上读取文件并处理数据更加方便而且不需要使用到后端服务器。
FileReader就是从一个文件中读取数据并存储在一个JavaScript变量中,它与XMLHttpRequest含义差不多,都是从一个外部资源加载数据而且读操作是异步的,这样的好处是不会使浏览器堵塞。它读取操作的方法有多种多样的,例如以下几种方法
(1)readAsText() _ 以纯文本的形式返回文件内容
该readAsText()方法可用于读取文本文件。该方法有两个参数。第一个参数是用于File或Blob要被读取的对象。第二个参数用于指定文件的编码。第二个参数是可选的。如果未指定,UTF-8则默认采用编码。在设置中需要在文件加载完成后设置一个事件监听器。onload调用事卖虚件时,我们可以检查result属性FileReader所获取文件的内容。
var file=document.getElementById("file");
var reader = new FileReader();
reader.onload=function(e){
var text=reader.result;
}
reader.readAsText(file);
<中清燃/script>
(2)readAsArrayBuffer() 方法
该方法将读取一个Blob或一个File对象并生成一个ArrayBuffer。
可以使用吵念Node.js的Excel模块,如:xlsx、exceljs等,来读取多个excel数据。
示例代码:
const XLSX = require('xlsx');
// 读取excel文件
const workbook = XLSX.readFile('data.xlsx');
// 获取 Excel 中所有表名
const sheetNames = workbook.SheetNames;
// 根据表名获取迹卜对应某张表
const worksheet = workbook.Sheets[sheetNames[0]];姿碰穗
// 读取数据
const data = XLSX.utils.sheet_to_json(worksheet);
console.log(data);
以上就是js读取excel文件内容的全部内容,第一个参数是用于File或Blob要被读取的对象。第二个参数用于指定文件的编码。第二个参数是可选的。如果未指定,UTF-8则默认采用编码。在设置中需要在文件加载完成后设置一个事件监听器。onload调用事件时,内容来源于互联网,信息真伪需自行辨别。如有侵权请联系删除。