excel文件导入到数据库

最新推荐文章于 2025-12-05 12:17:00 发布

原创

最新推荐文章于 2025-12-05 12:17:00 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#excel #java #前端 #vue

这篇博客主要介绍了如何利用前端Vue.js和JavaScript技术处理Excel文件，并将其数据导入到后端数据库的过程，分为前端的Vue和JavaScript两个部分进行阐述。

excel文件导入到数据库

一、前端
- 1、vue
- 2、js
二、后端
总结

一、前端

1、vue

<el-upload style="margin-left: 0px;"
           ref="upload"
           action="/"
           :show-file-list="false"
           :on-change="importExcel"
           :auto-upload="false"
           class="el-icon--right">导入数据
</el-upload>

2、js

import {
   
   read, utils} from "xlsx";
/**
 * 上传文件后缀名判断
 * @param file
 * @returns {boolean}
 */
fileExtension = (file) => {
   
   
    const arrays = file.name.split('.');
    const types = arrays[arrays.length-1];
    const fileType = ['xlsx', 'xlc', 'xlm', 'xls'