Java script에서 로컬 파일을 불러와서 화면에 출력해주는 코드
<!DOCTYPE html> <html lang="en"> <head> <script type='text/javascript'> function log(str) { var logConsole = document.getElementById("debugLog"); logConsole.innerText += str + "\n"; } function loadFile(e) { log(e.value); var fileName = e.files[0]; var fs = new FileReader(); fs.onload = show; fs.readAsText(fileName, "UTF-8"); } function show(e) { var result = e.target.result; log(result); } </script> </head> <body> <input id="myFiles" type="file" onchange="loadFile(this)" /> <div id="debugArea" style="margin-top:100px;"> <div> Log </div> <div id="debugLog" style="border:1px;"></div> </div> </body> </html>
'Programming > JS' 카테고리의 다른 글
[NodeJS] Cannot read property 'Symbol(requestOptions)' of undefined (0) | 2022.09.27 |
---|---|
[JS] File list출력 및 File Open (0) | 2014.07.21 |
[JS] 파일API 파일 쓰기 (0) | 2014.07.18 |
[JS] FileSystem 생성 (0) | 2014.07.18 |