Ini digunakan untuk membaca file ke dalam memori dan membaca data di file. Antarmuka Filereader menyediakan API asinkron yang menggunakan API ini untuk mengakses sistem file asinkron di utas utama browser untuk membaca data dalam file. Saat ini, hanya FF3.6+dan Chrome6.0+yang mengimplementasikan antarmuka Filereader.
1. Metode antarmuka filereaderAda 4 metode untuk antarmuka filereader, tiga di antaranya digunakan untuk membaca file, dan yang lainnya digunakan untuk mengganggu membaca. Terlepas dari keberhasilan atau kegagalan, metode ini tidak akan kembali ke hasil membaca.
Metode antarmuka filereader
| Nama metode | parameter | menggambarkan |
|---|---|---|
| ReadasBinaryString | mengajukan | Baca file ke dalam pengkodean biner |
| Readastext | file, [penyandian] | Baca file sebagai teks |
| Readasdataurl | mengajukan | Baca file sebagai dataurl |
| menggugurkan | (Tidak ada) | Operasi pembacaan terminal |
Antarmuka Filereader berisi model acara lengkap untuk menangkap keadaan saat membaca file.
Acara Antarmuka Filereader
| peristiwa | menggambarkan |
| onabort | Mengganggu |
| Onerror | Salah |
| OnloadStart | awal |
| Dalam perkembangannya | Membaca |
| onload | Berhasil dibaca |
| OnloadEnd | Selesai, tidak peduli jika keberhasilan dan kegagalan |
<Tipe Script = Teks/JavaScript> var result = document.getElementById (hasil); P> browser Anda tidak mendukung antarmuka filereader! </p>; // Buat Kontrol Pilihan File yang Tidak Diinginkan.SetAttribute (Dinonaktifkan, Dinonaktifkan);} Fungsi readasDataurl () {// uji apakah itu file gambar var foot = document.getElementById (file). if (!/Image /// W+/. Data urll reader.readasDataurl (file); } Function readasBinaryString () {var file = document.geteLementById (file). Hasil); Reader.readastext (file); > Pilih file: </label> <input type = file id = file/> <input type = tombol value = Baca gambar onclick = readAsdataRl ()/> <input type = tombol value = Baca data biner onClick = readasBinaryString () /> <input type = tombol nilai = Baca file teks onclick = readAttext () /> </p> <div id = name hasil = hasil> < /div> MeringkaskanDi atas adalah contoh antarmuka filereader di HTML5 yang diperkenalkan oleh Xiaobian kepada Anda. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!