前端Vue ElementSheet.js自动导入Excel功能
发布时间
阅读量:
阅读量
在实际工作中,存在一个关于Excel文件导入的功能需求,该需求具备两种实现路径,一种是通过前端进行处理,另一种则是由后端完成。最终我选择采用前端处理的方式完成该功能的开发。
主要依赖于SheetJs插件:SheetJs的GitHub连接。鉴于该功能需要频繁调用,我将其封装为独立的功能模块,从而有效提升代码的复用性与开发效率(再也不必重复复制粘贴大量代码)。
以下是封装后的代码实现:
import XLSX from 'xlsx'
///excel导入功能使用:
// 1、首先要安装SheetJs, npm install xlsx --save;
// 2、在需要的文件中引入importExcel.js文件
// 3、参数说明:file是指需要导入的excel文件(会有弹窗选择即可);colnumData是指对应数据库表的列名与注释组成的集合
// 4、excel的列名称要与数据库表中的注释保持一致
export function importExcel(file,colnumData){
const types = file.name.split('.').pop();
全部评论 (0)
还没有任何评论哟~
