본문 바로가기

코딩쌀롱

검색하기
코딩쌀롱
프로필사진 이브✱

  • 모든 글 (126)
    • 개발공부 (70)
    • 책 (10)
    • 회고 (43)
      • 하루 기록 (25)
      • 회고 (18)
    • 아무것 (3)
    • 여행 (0)
Guestbook
Recent Posts
Recent Comments
Today
Total
«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Tags
  • 링크드 리스트
  • closure
  • node.js
  • 코어자바스크립트
  • 비동기
  • 회고
  • array
  • TS
  • bind
  • 아티클
  • 프로그래머스
  • React
  • 알고리즘
  • Prototype
  • 코드스쿼드
  • 생성자
  • Promise
  • leetcode
  • input
  • javascript
more
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록type="file" (1)

코딩쌀롱

[JS] input type="file" 파일 읽기

웹에서 파일을 입력 받으려면 HTML에서 input type="file"으로 받을 수 있다. input 태그에 대해서는 다음 링크를 참조! (input type="file"의 HTML, CSS 링크) ✱ JavaScript 코드 전체적으로 설명하자면, 1. 사용자가 input으로 파일을 선택하면 'change' 이벤트가 발생한다. 2. 파일이 선택되면 input의 'files' 속성에 'FileList' 형태의 유사배열객체가 저장된다. 3. 'FileReader' 객체는 파일을 읽을 수 있게 도와주는 객체다. 4. FileReader의 메서드 readAsText로 텍스트를 읽어올 수 있다. 5. 읽기 성공하면 'load'이벤트가 발생한다. 6. 읽어들인 파일의 내용은 FileReader 객체의 resul..

개발공부 2021. 2. 7. 18:01
Prev 1 Next

Blog is powered by kakao / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.