vue导入excel进度条_vue中使用excel导入导出

在Vue项目中,通过监听input元素获取上传的Excel文件,利用FileReader读取文件内容,转换为二进制字符串或ArrayBuffer。使用XLSX库解析Excel数据,并将数据转化为JSON对象。在读取过程中展示进度信息,最后调用导入函数进行数据处理并重新加载页面以显示导入结果。
摘要由CSDN通过智能技术生成

importfxx(obj) {

let _this= this;

let inputDOM= this.$refs.inputer;//通过DOM取文件数据

this.file = event.currentTarget.files[0];var rABS = false; //是否将文件读取为二进制字符串

var f = this.file;var reader = newFileReader();//if (!FileReader.prototype.readAsBinaryString) {

FileReader.prototype.readAsBinaryString = function(f) {var binary = "";var rABS = false; //是否将文件读取为二进制字符串

var pt = this;var wb; //读取完成的数据

varoutdata;var reader = newFileReader();

reader.οnlοad= function(e) {var bytes = newUint8Array(reader.result);var length =bytes.byteLength;for(var i = 0; i < length; i++) {

binary+=String.fromCharCode(bytes[i]);

}var XLSX = require('xlsx');if(rABS) {

wb= XLSX.read(btoa(fixdata(binary)), { //手动转化

type: 'base64'});

}else{

wb=XLSX.read(binary, {

type:'binary'});

}

outdata= XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);//outdata就是你想要的东西

this.da =[...outdata]

let arr=[]this.da.map(v =>{

let obj={}

obj.id=v.id

obj.status=v.status

arr.push(obj)

})

console.log(arr)

let para={//withList: JSON.stringify(this.da)

withList: arr

}

_this.$message({

message:'请耐心等待导入成功',

type:'success'});

withImport(para).then(res=>{

window.location.reload()

})

}

reader.readAsArrayBuffer(f);

}if(rABS) {

reader.readAsArrayBuffer(f);

}else{

reader.readAsBinaryString(f);

}

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值