VUE+ElementUI+SheetJS解析Excel

最新推荐文章于 2024-01-26 11:19:07 发布

置顶

深秋渐冬

最新推荐文章于 2024-01-26 11:19:07 发布

阅读量3.4k

点赞数 1

文章标签： vue excel

本文链接：https://blog.csdn.net/tongshan0/article/details/103630845

版权

本文介绍如何在Vue项目中使用ElementUI和SheetJS库来解析Excel文件。首先通过npm安装xlsx库，然后引入XLSX模块。解析Excel有两种方法：readAsBinaryString和readAsArrayBuffer。readAsBinaryString方式适用于将文件读取为二进制字符串，而readAsArrayBuffer方式则用于将文件读取为数组缓冲区。

摘要由CSDN通过智能技术生成

先安装XLSX：npm install xlsx

导入：import XLSX from 'xlsx'

这里有两种方式：readAsBinaryString和readAsArrayBuffer

readAsBinaryString方式：

<el-upload
                ref="upload"
                :action="CommitURL"
                :auto-upload="false"
                :on-change="importf"
                :show-file-list="false"
                :multiple="false">
                <el-button type="primary">点击上传</el-button>
            </el-upload>

checkFileType(file, fileList) {
                const _file = file.raw;
                const fileReader = new FileReader();
                fileReader.onload = (ev) => {
                    try {
                        const data = ev.target.result;
                        const wor