Vue excel 导入问题
发布于 3 年前 作者 banyungong 1125 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

最近遇到一个导入需求,就是要获取到导入excel表格的行数,image
onChange(file, fileList) {
console.log(fileList);
this.fileData = file;
this.readExcel();
},
//读取数据
readExcel(e) {
console.log(e);
let that = this;
const files = that.fileData;
if (!files) {
return false;
} else if (!/.(xls|xlsx)$/.test(files.name.toLowerCase())) {
this.$message.error(“上传格式不正确,请上传xls或者xlsx格式”);
return false;
}
const fileReader = new FileReader();
fileReader.onload = ev => {
try {
const data = ev.target.result;
const workbook = this.XLSX.read(data, {
type: “binary”
});
if (workbook.SheetNames.length >= 1) {
this.$message({
message: “导入数据表格成功”,
showClose: true,
type: “success”
});
}
const wsname = workbook.SheetNames[0]; //取第一张表
const ws = this.XLSX.utils.sheet_to_json(workbook.Sheets[wsname]); //生成json表格内容
console.log(ws)
console.log(this.XLSX)
var gg = ws
var ff=[]
var ss = gg.filter((v,i)=>{
var sheetData={}
sheetData.major_m =v.认证标识
sheetData.major_code =v.业务代码
sheetData.major_rang =v.业务范围
sheetData.major_time =v.评定日期
sheetData.major_source =v.能力来源
sheetData.major_statee =v.代码状态
sheetData.major_remark =v.信息备注
ff.push(sheetData)
return v;
})
console.log(ff)
console.log(ws);
that.outputs = [];
} catch (e) {
return false;
}
};
fileReader.readAsBinaryString(files.raw);
},
这是网上的一个方法,但是有个问题,如果我这边有一行空数据,这边导入的数据时就给我过滤掉了,因为我这边是需要获取到表对应的行数的 ,如何才能获取到表格的所有数据 包括空行!

回到顶部