웹에서 Javascript 만으로 텍스트 파일 읽기

웹에서 JS 언어만으로 로컬에 저장된 텍스트 파일을 읽어 오는 코드를 정리한 글이다. 먼저 아래는 예제 코드 실행을 위한 DOM 구성에 대한 코드이다.

Open 버튼을 클릭하면 텍스트 파일을 선택할 수 있는 대화상자가 표시되도록 하며, 여기서 읽고자 하는 파일을 사용자가 선택하면 id가 output인 div에 텍스트 파일의 내용을 출력한다. 이에 대한 코드는 아래와 같다.

openTextFile은 Open 버튼 클릭시 호출하는 함수이다. processFile은 openTextFile에서 호출되는 함수로 선택된 파일을 읽어 div에 그 내용을 출력한다. IE와 Chrome 모두에서 정상적으로 작동하는 것을 확인했다.

“웹에서 Javascript 만으로 텍스트 파일 읽기”에 대한 6개의 댓글

  1. 매우 유익한 자료 감사 드리며 한가지 문의 드립니다…
    제가 구현 하고 싶은 내용은 파일을 선택하는게 아니고
    onclick=fun(DB 에서 읽어온 전체경로_파일명) 을 전달하여 처리하고 싶은데
    초짜라 쉽지가 않네요…도움 부탁 드립니다

    1. 안녕하세요, 김형준입니다.
      로컬 파일을 웹에서 읽는 것은 사용자가 직접 자신의 손가락이든.. 발가락이든 마우스(터치 포함) 또는 키보드를 통해 선택하는 행위를 필요로 한다가.. 현재의 웹 보안정책입니다..
      즉, 문의하신것처럼 단순히 파일경로를 문자열로 지정하는 것은 보안정책에 위배되는 것이므로 불가능합니다람쥐..

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다