본문 바로가기
Developer/javascript

text 파일 읽기

by MindOpener 2016. 6. 29.
반응형

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    

    <script>

        function onloadTextFile() {

            var file = document.getElementById("File1");

            if (file.files.length != 0 && file.files[0].type.match(/text.*/)) {

                var reader = new FileReader();

                reader.onload = function (e) {

                    var theMessageAreaElem = document.getElementById("TextArea1");

                    theMessageAreaElem.value = e.target.result;

                };

                reader.onerror = function (e) {

                    alert("Cannot load text file");

                };


                reader.readAsText(file.files[0], "UTF-8")

            } else {

                alert("please selectatext file");

            }

        }

</script>

</head>

<body>

    <input id="File1" type="file"  onchange="onloadTextFile()"/>

    <br />

    <textarea id="TextArea1" rows="32" cols="40"></textarea>

</body>

</html>



반응형