Vue3 Element上传组件导入Excle数据

1、安装xlsx表格解析插件

cnpm i xlsx -s

2、引入表格解析插件:

import * as XLSX from 'xlsx'

3、封装文件二进制处理方法

utils.js
//【将文件类型转换成二进制】传入一个文件类型的数据,返回一个二进制数据
export function readFile(file){
	return new Promise(resolve =>{
		const reader = new FileReader()
		reader.readAsBinaryString(file)
		reader.onload = ev => {
			resolve(ev.target.result)
		}
	})
};

4、vue3代码

<template>
	<el-upload 
		v-model:file-list="fileList" 
		class="upload-demo"
		action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" 
		multiple 
		:on-success="handsuccess" 
		>
		<el-button type="primary">Click to upload</el-button>
	</el-upload>
</template>

<script lang=
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值