js上傳excel文件

使用TypeScript編寫，頁面用到element組件庫

1.頁面

<el-uploadclass="upload-demo"style="float: right"actionaccept=".xlsx, .xls":auto-upload="false":show-file-list="false":on-change="handle" ><el-button size="small" type="primary">上傳</el-button></el-upload>

2.js

// 點(diǎn)擊上傳excel文件 // element組件庫 upload 里 on-change=“handle” private handle(ev: any) {// 拿到文件const file = ev.raw// 判斷是否有文件信息if (!file) return// 通過FormData構(gòu)造函數(shù)創(chuàng)建一個(gè)空對(duì)象const formData = new FormData()// 可以通過append()方法來追加數(shù)據(jù)formData.append('file', file)// 拿到文件信息，傳給接口uploadExcle// 異步執(zhí)行接口返回的內(nèi)容判斷格式，回顯到頁面uploadExcle(formData).then((res: any) => {// 判斷請(qǐng)求是否成功if (res.data.code === 0) {// 拿到接口返回內(nèi)容const { data } = res.data// 判斷提交格式// 使用倒敘的方法遍歷數(shù)組中的數(shù)據(jù)（因?yàn)槭褂胹plice刪除時(shí)，正序刪除后下標(biāo)會(huì)變化）for (let i = data.length - 1; i >= 0; i--) {const passportNumber = data[i].passportif (passportNumber === null) {data.splice(i, 1)} else if (passportNumber.length > 9) {data.splice(i, 1)} else if (passportNumber.length === 0) {data.splice(i, 1)}}// 判斷data賦值時(shí)是否有數(shù)據(jù)if (data.length !== 0) {this.tableData = data} else {return this.$message.warning('請(qǐng)上傳正確的文件')}} else {return this.$message.warning('請(qǐng)上傳正確的文件')}}) }

總結(jié)

以上是生活随笔為你收集整理的js上传excel文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。