FileReader.result

 
La propiedad result de FileReader retorna el contenido del archivo. Esta propiedad es válida únicamente después de que la operación de lectura del archivo es completada. El formato de la infomación devuelta depende de cuál de los métodos de lectura fue usado.

Sintaxis

var file = instanceOfFileReader.result

Valor

Una cadena de texto apropiada o un ArrayBuffer dependiendo de cuál método de lectura haya provocado la operación de lectura. El valor es null si la lectura no se ha completado aún o no fue exitosa.

Los tipos de resultados son descritos a continuación.

 

Método Descripción
readAsArrayBuffer() result es un ArrayBuffer de JavaScript que contiene la información binaria.
readAsBinaryString()

result contiene la información binaria del archivo en una cadena de texto.

readAsDataURL()

result es una cadena de texto que representa una URL con la propiedad data: que contiene la información leída del archivo.

readAsText() result es una cadena de texto con el contenido del archivo.

Ejemplo

Este ejemplo representa una función read(), que lee un archivo de un file input. Funciona creando un objeto de FileReader y creando un listener para los eventos load de tal manera que cuando el archivo es leído, la propiedad result es obtenida y pasada a la función callback proporcionada a read().

El contenido es manejado como texto.

var fileInput = document.querySelector('input[type="file"]');

function read(callback) {
  var file = fileInput.files.item(0);
  var reader = new FileReader();

  reader.onload = function() {
    callback(reader.result);
  }

  reader.readAsText(file);
}

Especificaciones

Especificación Estatus Comentario
File API
La definición de 'FileReader' en esta especificación.
Working Draft Definición inicial

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
resultChrome Soporte completo 7Edge Soporte completo 12Firefox Soporte completo 3.6IE Soporte completo 10Opera Soporte completo 11Safari Soporte completo 6WebView Android Soporte completo SiChrome Android Soporte completo SiFirefox Android Soporte completo 32Opera Android Soporte completo 11Safari iOS Soporte completo 6.1Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Compatibilidad desconocida  
Compatibilidad desconocida

Ver también