post list.

kakao adfit

2014년 10월 7일 화요일

[JavaScript] 파일 읽기

간단한 프로그램을 자바스크립트로 짜는걸 선호하는데
따로 컴파일러 필요 없이 바로 코딩해서 바로 브라우져로 실행하는게
간편해서 인듯 싶다. 물론 에러는 스스로 잡아야함...

업로드한 파일을 그대로 웹페이지에 써주는 스크립트다.
메모장에서 작성한 파일을 utf-8 포멧으로 저장해서 사용해야한다.

HTML5 에서 나온건지 어쩐건진 모르겠지만
API 링크 http://dev.w3.org/2009/dap/file-system/pub/FileSystem/


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
<!DOCTYPE HTML>
<meta charset="utf-8">
<html>
<head>
<script type=text/javascript>
$(document).ready(function() {
    var fileInput = $("#fileInput").get(0);
    fileInput.addEventListener("change",
        //change eventListener start
        function(e) {
            fileContent = "";
            var filee = fileInput.files[0];
            var textType = /text.*/;
            if(filee.type.match(textType)) {
                var reader = new FileReader();
                reader.onload = function(e) { $("#chk").html(reader.result); }
                reader.readAsText(filee, "UTF-8");
            } else {
                $("#chk").html("File not supported");
            }
        });
        //change eventListener end
});//END OF READY
</script>
</head>
<body>
    <input type="file" id="fileInput">
    <div id="chk"></div>
</body>
</html>

댓글 없음 :

댓글 쓰기