JavaScript

FileReader

Hyunsoo_Kim 2024. 3. 23. 01:10

 

속성

1. error : 파일 읽기 작업 중 오류가 발생했을 때 해당 오류를 일으킨 이벤트 객체

2. result : 파일의 컨텐츠, 읽기 작업이 완료되고 읽기 작업의 초기화에 사용한 방식으로 결정된 데이터의 포맷

3. readyState : FileReader의 상태를 나타내는 숫자

이벤트 핸들러

1. onabort : 파일 읽기 작업이 중단되었을 때 발생

2. onerror : 파일 읽기 작업 중에 에러가 생길 때 발생

3. onload : 파일 읽기 작업이 성공적으로 완료되었을 때 발생

4. onloadstart : 파일 읽기 작업이 시작 될 때 발생

5. onloadend : 파일 읽기 작업이 끝났을 때 발생 (읽기의 성공, 실패 여부는 상관x)

6. onprogress : Blob 컨텐트를 읽는 동안 호출

 

메서드

1. abort() : 읽기 요청을 중단시키고 readyState는 EMPTY가 된다. 리턴이 되면 readyState는 DONE이 된다

2. readAsArrayBuffer() : 인자로받은 Blob의 내용을 읽고, 완료되면 result 속성에 파일 데이터를 나타내는 ArrayBuffer를 할당한다, readyState의 값은 DONE이 된다.

3. readAsBinaryString() : 인자로받은 Blob의 내용을 읽고, 완료되면 result 속성에 파일 데이터를 나타내는 이진 문자열을 할당한다, readyState의 값은 DONE이 된다.

4. readAsDataURL() : 인자로받은 Blob의 내용을 읽고, 완료되면 result 속성에 파일의 데이터를 나타내는 Base64로 인코딩된 데이터URL을 할당한다, readyState의 값은 DONE이 된다.

5.readAsText() : 인자로받은 Blob의 내용을 읽고, 완료되면 result 속성에 파일의 데이터를 나타내는 문자열을 할당한다, readyState의 값은 DONE이 된다.