ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • javascript 엑셀 정보 읽어오는 방법
    javascript&html 2024. 2. 14. 08:30
    728x90
    반응형

    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

    댓글

Designed by Tistory.