FileReader.result

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

Specification
File API # dom-filereader-result

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también

FileReader