반응형
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' 카테고리의 다른 글

[JS] File list출력 및 File Open  (0) 2014.07.21
[JS] 파일API 파일 쓰기  (0) 2014.07.18
[JS] FileSystem 생성  (0) 2014.07.18
[JS] File API를 이용한 TextFile load  (0) 2014.07.18

댓글을 달아 주세요