files/es/web/api/filereader/load_event/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

---
title: FileReader.onload
slug: Web/API/FileReader/load_event
tags:
  - Archivo
  - Controlador de Eventos
  - Lector de Archivos
  - Propiedad
  - Referencia
translation_of: Web/API/FileReader/onload
original_slug: Web/API/FileReader/onload
---
<p>{{APIRef}}</p>

<p>La propiedad <strong><code>FileReader.onload </code></strong><code>contiene un controlador de evento ejecutado cuando </code>{{event('load')}}  es ejecutado, cuando el  contenido es leído con <a href="/en-US/docs/Web/API/FileReader/readAsArrayBuffer">readAsArrayBuffer</a>, <a href="/en-US/docs/Web/API/FileReader/readAsBinaryString">readAsBinaryString</a>, <a href="/en-US/docs/Web/API/FileReader/readAsDataURL">readAsDataURL</a> o <a href="/en-US/docs/Web/API/FileReader/readAsText">readAsText</a> está habilitado.</p>

<h2 id="Ejemplo">Ejemplo</h2>

<pre class="brush:js; line-numbers  language-js"><code class="language-js">// Respuest desde un &lt;input type="file" onchange="onChange(event)"&gt;
function onChange(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    // El texto del archivo se mostrará por consola aquí
    console.log(event.target.result)
  };

  reader.readAsText(file);
}
</code></pre>