>  기사  >  웹 프론트엔드  >  HTML5 FileReader 인터페이스에 대한 자세한 소개

HTML5 FileReader 인터페이스에 대한 자세한 소개

黄舟
黄舟원래의
2017-04-13 10:31:021531검색

1. FileReader 개요

FileReader 객체를 사용하면 웹 애플리케이션이 File 또는 객체는 읽을 파일이나 데이터를 지정합니다. Blob

파일 개체는 사용자가

요소에서 파일을 선택한 후 반환된 个<input> 개체, 끌어서 놓기 작업으로 생성된 FileList 개체 또는 DataTransfer일 수 있습니다. HTMLCanvasElement 요소에 의해 생성된 개체입니다. 🎜>에서 mozGetAsFile()方法后返回结果을 실행합니다.

2. FileReader 인터페이스 방법

설명

파일,[인코딩]
方法名 参数 描述
readAsBinaryString file 将文件读取为二进制码
readAsText file,[encoding] 将文件读取为文本
readAsDataURL file 将文件读取为DataURL
readAsArrayBuffer file 将文件读取为ArrayBuffer对象
abort (none) 中断读取操作
메서드 이름

매개변수

readAsBinaryString 파일 파일을 바이너리 코드로 읽기
readAsText 파일을 텍스트로 읽기
readAsDataURL 파일 파일을 DataURL로 읽기
readAsArrayBuffer 파일 파일을 ArrayBuffer 객체
abort로 읽습니다. (없음) 인터럽트 읽기 작업

事件 描述
onabort 数据读取中断时触发
onerror 数据读取出错时触发
onloadstart 数据读取开始时触发
onprogress 数据读取中
onload 数据读取成功完成时触发
onloadend 数据读取完成时触发,无论成功失败

3. FileReader 인터페이스

이벤트

이벤트

설명

onabort 데이터 읽기가 중단되면 트리거됨
onerror 데이터 읽기에 오류가 있을 때 트리거span>
onloadstart 데이터 읽기가 시작될 때 트리거됨
진행 중 데이터 읽기
온로드 데이터 읽기가 성공적으로 완료되면 트리거됨
onloadend 성공 또는 실패에 관계없이 데이터 읽기가 완료되면 트리거됨

4. 사용예아아아

위 내용은 HTML5 FileReader 인터페이스에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.