엉터리 개발 이야기/electron

[electron] excel file read(엑셀파일 읽기)

억삼이 2018. 1. 24. 01:45
반응형

Javascript Excel 파일 읽기


electron app 에서 excel 파일 읽기.

excel file read at electron app.


electron app 에서 excel 파일을 읽어 화면에 뿌리는 예제입니다.

추후에 좀 더 심화 하기로 하겠습니다.


여기서 사용한 library 는 sheetjs 입니다.

http://sheetjs.com/


우선 index.html에서만 작업을 합니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/xlsx@0.11.18/dist/xlsx.full.min.js"></script>
    <meta charset="UTF-8">
    <title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
 
<input type="file" id="selfile" accept=".xlsx, .txt">
<button id="btn1" value="Get Excel Data" onclick="getExcelFile()">Click</button>
<div id="grid">
 
</div>
</body>
</html>
 
<script>
    function getExcelFile() {
        const fObj = document.getElementById("selfile");
        console.log(fObj.value);
        if(fObj.value === '') {
            alert('Please Select File');
        } else {
            const selectedFile = fObj.files[0];
            // console.log(selectedFile.path);
            // console.log('Name :' + selectedFile.name + '/ Size : ' + selectedFile.size);
 
            var reader = new FileReader();
 
            reader.onload = function(evt) {
                if(evt.target.readyState == FileReader.DONE) {
                    var data = evt.target.result;
                    data = new Uint8Array(data);
 
                    // call 'xlsx' to read the file
                    var workbook = XLSX.read(data, {type: 'array'});
                    // console.log(workbook);
                    var toHtml = XLSX.utils.sheet_to_html(workbook.Sheets['Sheet1'], {header:1});
                    document.getElementById('grid').innerHTML = toHtml;
                }
            };
            reader.readAsArrayBuffer(selectedFile);
        }
    }
</script>
cs



이렇게 하면 결과가 출력됩니다.

간단한 excel 파일을 넣어봤습니다.



“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"


반응형
저작자표시 비영리 변경금지 (새창열림)