excel数据使用xlsx读取转换成JSON

2023-12-28 10:45:46

一般读取excel的工作都由后端完成,比如java使用poi插件。如果存在少量非敏感数据,比如日志、模板数据,可以直接由前端搞定。

使用xlsx插件

在线json格式化、excel转json测试

一、安装

可以安装以下版本,不会出现问题

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>

文章来源:https://blog.csdn.net/qq_17859117/article/details/135243101
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。