자바스크립트 질문이에요~ 채택완료

 

파일을 입력받아 바이너리 데이터를 출력해보려고 하는데요

아래코드처럼 전체 출력은 되는데

부분 내용 출력이 잘 안되서 조언을 얻고자 합니다.

 

이를테면 파일의 첫번째 바이트 데이터만 출력되게 하고싶어서요 ^^;

files[]배열에 데이터가 들어 있으니 files[1]이렇게 출력은 안되더라구요 ^^;; 

도움좀... ^^;;;

 

Copy
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}

 

혹시 몰라 html파일 소스도 첨부 합니다.

 

Copy
<!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>
 

 

답변 2개

채택된 답변
+20 포인트
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

jquery를 사용하지 않고, 스크립트로 해당 파일의 바이너리를 읽어서

편집/수정 을 하려고 삽질중입니다.

 

첫번째 방식을 구현하고자 했었는데.. 쉽지 않네요 ^^;

알려주신 링크 참고삼아 좀더 연구해보겠습니다.

감사합니다 ^^ 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고