파일을 메모리에 읽고 파일의 데이터를 읽는 데 사용됩니다. Filereader 인터페이스는이 API를 사용하여 브라우저의 기본 스레드에서 파일 시스템에 비동기에 액세스하여 파일의 데이터를 읽는 비동기 API를 제공합니다. 현재 FF3.6+와 Chrome6.0+만이 Filereader 인터페이스를 구현했습니다.
1. Filereader 인터페이스 방법Filereader 인터페이스에는 4 가지 방법이 있으며 그 중 3 개는 파일을 읽는 데 사용되며 다른 하나는 읽기를 방해하는 데 사용됩니다. 성공 또는 실패에 관계 없이이 방법은 읽기 결과로 돌아 가지 않습니다.
Filereader 인터페이스 방법
| 메소드 이름 | 매개 변수 | 설명하다 |
|---|---|---|
| readsbinarystring | 파일 | 파일을 이진 코딩으로 읽으십시오 |
| readastext | 파일, [인코딩] | 파일을 텍스트로 읽습니다 |
| readasdataurl | 파일 | 파일을 DataUrl로 읽으십시오 |
| 중단 | (없음) | 터미널 읽기 작업 |
Filereader 인터페이스에는 파일을 읽을 때 상태를 캡처하기위한 완전한 이벤트 모델이 포함되어 있습니다.
Filereader 인터페이스 이벤트
| 이벤트 | 설명하다 |
| onabort | 방해하다 |
| 오류 | 잘못 가십시오 |
| onloadStart | 시작 |
| onprogress | 읽다 |
| onload | 성공적으로 읽습니다 |
| onloadend | 성공과 실패에 관계없이 완료되었습니다 |
<text/javaScript> var result.getElementById (result); P> 브라우저는 Filereader 인터페이스를 지원하지 않습니다! </p>; // 선택 제어 컨트롤을 원치 않는 파일 (disabled, disabled);} readasdataurl () {// 이미지 파일 var foot = document.getElementById (파일); if (!/image /// w+/. test (file.type)) {alert (그림 참조)} var reader = new Filereader (); urll reader.readasdataurl (file). } readasBinaryString () {var getElementById (파일); 결과); innerhtml = readastext (var file = tbyid); reader.readastext (file); Onload = function (f) {var result = getElementById (결과); > 파일을 선택하십시오 : </label> <입력 유형 = 파일 ID = 파일/> <입력 유형 = 버튼 값 = 이미지 읽기 onclick = readasDatarl ()/> <입력 유형 = 버튼 값 = 이진 데이터 읽기 onclick = readAsbinaryString () /> <입력 유형 = 버튼 값 = 텍스트 파일 읽기 onclick = readastext () /> < /p> <div id = 결과 이름 = 결과> < /div> 요약위는 Xiaobian이 소개 한 HTML5의 FilereAder 인터페이스의 예입니다. 모든 사람에게 도움이되기를 바랍니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!