자바스크립트 질문이에요~ 채택완료
cycix
10년 전
조회 3,377
파일을 입력받아 바이너리 데이터를 출력해보려고 하는데요
아래코드처럼 전체 출력은 되는데
부분 내용 출력이 잘 안되서 조언을 얻고자 합니다.
이를테면 파일의 첫번째 바이트 데이터만 출력되게 하고싶어서요 ^^;
files[]배열에 데이터가 들어 있으니 files[1]이렇게 출력은 안되더라구요 ^^;;
도움좀... ^^;;;
</p><p>function cyFileRead() {
var files = document.getElementById('files').files;
if(!files.length){
alert('파일을 선택해 주세요');
return;
}
var file = files[0];
document.getElementById('fileSize').textContent=file.size+"bytes";
var reader = new FileReader();
reader.onload=function(event){
var content = document.getElementById('fileContent');
content.textContent = event.target.result;
};
reader.readAsText(file); //utf-8
}</p><p>
혹시 몰라 html파일 소스도 첨부 합니다.
</p><p><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.fileWarp {border:solid 1px #cccccc;height:120px;}
textarea {display:inherit;}
.txt {border:solid 1px #cccccc; width:200px;height:30px; margin-top:5px;}</style>
</head>
<body>
<div class="fileWarp" id="fileRead">
<input type="file" id="files" name="file" onchange="" />
<textarea id="fileContent"></textarea>
<input type="button" id="testBtn" onclick="cyFileRead()" value="ok" /></div>
<div id="fileSize"></div>
<div class="txt" id="test"></div>
<div class="txt" id="txt1"></div>
<div class="txt" id="txt2"></div>
<div class="txt" id="txt3"></div>
<div class="txt" id="txt4"></div>
<div class="txt" id="txt5"></div>
<div class="txt" id="txt6"></div>
<script src="test.js"></script>
</body>
</html></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
원하는게 이건가요?
http://forums.ext.net/showthread.php?19315-CLOSED-multiple-file-upload-and-file-size-at-client-side">http://forums.ext.net/showthread.php?19315-CLOSED-multiple-file-upload-and-file-size-at-client-side
아니면 이런 형태와 같은 걸 원하시나요?
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인