Javascript 로컬의 텍스트 파일 읽어오기

먼저 HTML에 태그 몇가지를 적어줍니다.

<button onclick="fileOpen()"></button>

클릭후 확인을 할 수 있어야 하니까요?

아래는 자바스크립트 코드입니다.

 

function fileOpen() {
    var input = document.createElement("input");
    input.type = "file";
    input.accept = "text/plain";
    input.onchange = function (event) {
        processFile(event.target.files[0]); // 열린 파일
    };
    input.click();
}
function processFile(file) {
    var reader = new FileReader();
    reader.onload = function () {
        console.log(reader.result); // 필요한곳에 사용
    };
    reader.readAsText(file, /* optional */ "euc-kr");
}

크게 어렵지 않습니다.

 

로컬에 저장되어있는 텍스트파일을 읽어오는 작업입니다.