时间:2023-12-27
一般读取excel的工作都由后端完成,比如java使用poi插件。如果存在少量非敏感数据,比如日志、模板数据,可以直接由前端搞定。
使用xlsx插件
可以安装以下版本,不会出现问题
yarn add xlsx;
"dependencies": {
"xlsx": "^0.18.5"
}
<script>
import * as XLSX from "xlsx";
export default {
components: {
XLSX,
},
data(){
return{
content:"",
methods:{
readExcel(files) {
const fileReader = new FileReader();
fileReader.readAsBinaryString(files);
fileReader.onload = (e) => {
try {
const data = e.target.result;
const workbook = XLSX.read(data, {//将上传的文件读取成workbook 即excel工作簿
type: "binary",
});
const wsname = workbook.SheetNames[0]; // 取第一sheet,如果由多个可以循环获取
const ws = XLSX.utils.sheet_to_json(workbook.Sheets[wsname]); // 直接调用方法将excel数据读取成json
this.content = ws;//返回给content
this.$refs.excel_upload.clearFiles(); //清空文件
} catch (e) {
console.log(e);
return false;
};
</script>
请使用您的帐号进行登录
立即注册加入我们,和我们一起开始旅程吧