Se usa para leer el archivo en la memoria y leer los datos en el archivo. La interfaz FileReader proporciona una API asíncrona que utiliza esta API para acceder al sistema de archivos asíncrono en el hilo principal del navegador para leer los datos en el archivo. En la actualidad, solo FF3.6+y Chrome6.0+han implementado la interfaz FileReader.
1. El método de la interfaz FileReaderExisten 4 métodos para la interfaz FileReader, tres de los cuales se utilizan para leer archivos, y el otro se usa para interrumpir la lectura. Independientemente del éxito o el fracaso, el método no volverá a los resultados de lectura.
El método de la interfaz FileReader
| Nombre del método | parámetro | describir |
|---|---|---|
| ReadAsbinarystring | archivo | Lea el archivo en codificación binaria |
| Readastext | archivo, [codificación] | Lea el archivo como texto |
| Readasdataurl | archivo | Lea el archivo como DataUrl |
| abortar | (Ninguno) | Operación de lectura terminal |
La interfaz FileReader contiene un modelo de evento completo para capturar el estado al leer el archivo.
Evento de interfaz de FileReader
| evento | describir |
| onabort | Interrumpir |
| onderror | Salir mal |
| encasillado | comenzar |
| En el progreso | Leer |
| encendido | Leer con éxito |
| ondagen | Completado, no importa si el éxito y el fracaso |
<script type = text/javaScript> var resultado = document.getElementById (resultado); P> ¡Su navegador no es compatible con la interfaz FileReader! </p>; // Hacer el control de selección no deseado if (!/image /// w+/. test (file.type)) {alerta (ver claramente, esto requiere imágenes!); de datos Urll Reader.ReadAsDataurl (archivo); } Function ReadAsbinaryString () {var file = document.getElementBy (archivo). resultado); Reader.ReadeStext (archivo); > Seleccione un archivo: </etiqueta> <input type = file id = file/> <input type = Botton Value = Read la imagen onClick = ReadAsDatarL ()/> <Input type = Botton Value = Lea los datos binarios en el click = ReadAsBinaryString () /> <input type = Botton value = Read Text File OnClick = ReadEtext () /> </p> <div id = Result Name = Result> < /div> ResumirEl anterior es el ejemplo de la interfaz FileReader en HTML5 presentada por Xiaobian para usted. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!