index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Parser</title>

  </head>
  <body>
    <header> 
     파일:<input type="file" name="fileExcel" id="fileExcel" >  
      <button id="submit" onclick="excelTableExport()" >출력</button> 
      <button id="excelExport" onclick="excelExport()" style="display: none;" >Excel 다운로드</button>
    </header>

    <div id ="initTableSpot">
      
    </div>
 

    <div id ='fakeUrl'>
    <div>

   
        <script>
        // You can also require other files to run in this process
            require('./init.js');
            //require('./excelParser.js');
        

        </script>
  </body>

  
</html>
<script>

  const excelParser = require('./excelParser');
  const utils = require('./util');
  

  let jsonData = new Object;
  
  const excelTableExport = () =>{
     
      let files = document.getElementById("fileExcel")
      if(files.files[0]===null || files.files[0] === undefined){
        alert('파일을 넣어주세요')
        return;
      }
      let filepath = files.files[0].path;
      let parserResult=excelParser.excelRead(filepath);
      if(parserResult.flag === false){
        alert(parserResult.msg);
        jsonData='';
        buttonDisable();
      }else{
          var obj = excelParser.excelWorkseetParser(parserResult);
           utils.tableAdder('initTableSpot',obj);
           jsonData=obj.list;
           buttonDisable();
      }
    };
    const excelExport = () =>{
        excelParser.exceltoJsonExport(jsonData);
        //가짜 URL 생성
        let target=document.getElementById('fakeUrl');
        let a = document.createElement('a');
        a.setAttribute('href','../../test.xlsx');
        a.setAttribute('download','parser.xlsx');
        a.setAttribute('id','temp');
        target.appendChild(a);
        a.click();
        target.removeChild(document.getElementById('temp'));
    };

    const buttonDisable = () =>{
      if(jsonData !==null && jsonData !=='' && jsonData !== undefined){
        document.getElementById("excelExport").style.display='inline';
      }else{
        document.getElementById("excelExport").style.display='none';
      }
    };

    
</script>