當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS：读取excel并显示
生活随笔
收集整理的這篇文章主要介紹了
JS：读取excel并显示
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
引入外部JS文件? ? https://download.csdn.net/download/HarshBrand/20677655?spm=1001.2014.3001.5501?（免費(fèi)）
<script src="JS/angular.min.js"></script><script src="JS/customjs.js"></script><script src="JS/jquery-3.3.1.min.js"></script><script src="JS/xlsx.full.min.js"></script>excel.html
<!DOCTYPE HTML> <html ng-app="myApp"> <html><head><meta charset="UTF-8"><title>讀excel</title> </head><body ng-controller="MyController" onload="IniEvent()"><div> <form enctype="multipart/form-data"><input type="file" id="file" /><button type="submit" value="submit" ng-click="uploadExcel()">Upload File</button> </form> </div></body> </html>customjs.js
(function () {var app = angular.module('myApp', []);app.controller('MyController', ['$scope', myController]);var excelJsonObj = [];function myController($scope) {$scope.uploadExcel = function () {var myFile = document.getElementById('file');var input = myFile;var reader = new FileReader();reader.onload = function () {var fileData = reader.result;var workbook = XLSX.read(fileData, { type: 'binary' });// 表格的表格范圍，可用于判斷表頭是否數(shù)量是否正確var fromTo = '';// 遍歷每張表讀取var sheet0 = workbook.Sheets[workbook.SheetNames[0]];//sheet0代表excel表格中的第一頁var str = XLSX.utils.sheet_to_json(sheet0);//利用接口實(shí)現(xiàn)轉(zhuǎn)換。for (var i in str) {var Part =str[i].Partname;var lat = str[i].KnowledgeBaseName;var lng = str[i].Isitnormal;var lkg = str[i].TTTT;$('#myTable tbody:last-child').append("<tr><td>" + lat + "</td><td>" + lng + "</td><td> " + lkg + " </td></tr>");}};reader.readAsBinaryString(input.files[0]);};} })();總結(jié)
以上是生活随笔為你收集整理的JS：读取excel并显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Node.JS EXCEL 读取操作
- 下一篇： [RFC8829] JavaScript