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 |
