-
javascript 엑셀 정보 읽어오는 방법javascript&html 2024. 2. 14. 08:30728x90반응형
javascript 에서 엑셀 정보 읽어오는 방법으로 외부 js파일을 사용한다.
SheetJS을 이용하여 간단하게 엑셀 정보를 읽어올 수 있다.
var firstSheet = workbook.Sheets[workbook.SheetNames[0]];
: 첫번째 시트[0]
var excel = XLSX.utils.sheet_to_json(firstSheet, { header: 1 });
: 엑셀 파일을 json형태로 변환
*엑셀 정보 읽어올때, 날짜의 경우 간혹 날짜가 변환된 경우가 있으므로 계산을 통해 변환해줘야 한다.
결과값 = (날짜- 25569) * 86400;
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.4/xlsx.full.min.js"></script> <script> function upload(){ var input = document.getElementById('excelFile'); //엑셀파일input var file = input.files[0]; if (file) { var reader = new FileReader(); reader.onload = function (e) { var data = new Uint8Array(e.target.result); var workbook = XLSX.read(data, { type: 'array' }); var firstSheet = workbook.Sheets[workbook.SheetNames[0]]; //첫번째 시트 var excel = XLSX.utils.sheet_to_json(firstSheet, { header: 1 }); //json형태로 변환 }; reader.readAsArrayBuffer(file); } } </script> <input type="file" id=excelFile" accept=".xlsx, .xls" /> <input type='button' value='엑셀업로드' onClick='upload();'>
728x90반응형'javascript&html' 카테고리의 다른 글
자바스크립트 천단위 콤마 입력/제거 (0) 2023.10.20 문자열 공백제거 (0) 2023.10.19 bootstrap datepicker (1) 2023.08.31 javascript 페이지 이동, 새로고침 (0) 2022.08.09 bootstrap tooltip (0) 2022.07.12