js 导入excel文件
2021/8/27 23:10:49
本文主要是介绍js 导入excel文件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 需要引入 XLSX
import XLSX from 'xlsx'
2. 选择文件
handleFileChange(file) { if (!file) return setTimeout(() => { this.readFile(file.raw) // 选择的文件,我这边是通过el-upload选择的文件 }, 100) }
3. 读取文件
1 readFile(file) { 2 const reader = new FileReader() 3 reader.onload = e => { 4 const data = e.target.result 5 const workbook = XLSX.read(data, { type: 'binary' }) 6 const firstSheetName = workbook.SheetNames[0] 7 const worksheet = workbook.Sheets[firstSheetName] 8 const sheet2JSONOpts = { 9 /** Default value for null/undefined values */ 10 defval: '' // 给defval赋值为空的字符串 11 } 12 13 // results 格式如下图1 14 const results = XLSX.utils.sheet_to_json(worksheet, sheet2JSONOpts) 15 // this.formatData(results) // TODO 处理读取结果:results 16 } 17 reader.readAsBinaryString(file) 18 }
图1:
以上是我经常用来导入excel文件的方式,记录一下。童鞋们如有更简单的方式,欢迎留言哈
PS:入过的坑,读取的excel文件内容,String / Number 格式不一定(根据excel设置的格式决定),所以要进行 String / Number 类型的相关操作时,一定要记得先转格式
这篇关于js 导入excel文件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21Vue3教程:新手入门到实践应用
- 2024-12-21VueRouter4教程:从入门到实践
- 2024-12-20Vue3项目实战:从入门到上手
- 2024-12-20Vue3项目实战:新手入门教程
- 2024-12-20VueRouter4项目实战:新手入门教程
- 2024-12-20如何实现JDBC和jsp的关系?-icode9专业技术文章分享
- 2024-12-20Vue项目中实现TagsView标签栏导航的简单教程
- 2024-12-20Vue3入门教程:从零开始搭建你的第一个Vue3项目
- 2024-12-20从零开始学习vueRouter4:基础教程
- 2024-12-20Vuex4课程:新手入门到上手实战全攻略