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

// 點擊上傳excel文件 // element組件庫 upload 里 on-change=“handle” private handle(ev: any) {// 拿到文件const file = ev.raw// 判斷是否有文件信息if (!file) return// 通過FormData構造函數創建一個空對象const formData = new FormData()// 可以通過append()方法來追加數據formData.append('file', file)// 拿到文件信息，傳給接口uploadExcle// 異步執行接口返回的內容判斷格式，回顯到頁面uploadExcle(formData).then((res: any) => {// 判斷請求是否成功if (res.data.code === 0) {// 拿到接口返回內容const { data } = res.data// 判斷提交格式// 使用倒敘的方法遍歷數組中的數據（因為使用splice刪除時，正序刪除后下標會變化）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賦值時是否有數據if (data.length !== 0) {this.tableData = data} else {return this.$message.warning('請上傳正確的文件')}} else {return this.$message.warning('請上傳正確的文件')}}) }

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。