blob: 83104c8e282005ed7750302a13d3c5567974aed6 (
plain)
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
---
title: FileReader.result
slug: Web/API/FileReader/result
tags:
- API
- Archivos
- Ficheros
translation_of: Web/API/FileReader/result
---
<div>{{APIRef("File API")}}</div>
<div> </div>
<div>La propiedad <code><strong>result</strong></code> de {{domxref("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.</div>
<h2 id="Sintaxis">Sintaxis</h2>
<pre class="syntaxbox">var <em>file</em> = <em>instanceOfFileReader</em>.result
</pre>
<h3 id="Valor">Valor</h3>
<p>Una cadena de texto apropiada o un {{domxref("ArrayBuffer")}} dependiendo de cuál método de lectura haya provocado la operación de lectura. El valor es <code>null</code> si la lectura no se ha completado aún o no fue exitosa.</p>
<p>Los tipos de resultados son descritos a continuación.</p>
<p> </p>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Método</th>
<th scope="col">Descripción</th>
</tr>
</thead>
<tbody>
<tr>
<td><code><a href="/en-US/docs/Web/API/FileReader/readAsArrayBuffer">readAsArrayBuffer()</a></code></td>
<td><code>result</code> es un <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> de JavaScript que contiene la información binaria.</td>
</tr>
<tr>
<td><code><a href="/en-US/docs/Web/API/FileReader/readAsBinaryString">readAsBinaryString()</a></code></td>
<td>
<p><code>result</code> contiene la información binaria del archivo en una cadena de texto.</p>
</td>
</tr>
<tr>
<td><code><a href="/en-US/docs/Web/API/FileReader/readAsDataURL">readAsDataURL()</a></code></td>
<td>
<p><code>result</code> es una cadena de texto que representa una URL con la propiedad <code>data:</code> que contiene la información leída del archivo.</p>
</td>
</tr>
<tr>
<td><code><a href="/en-US/docs/Web/API/FileReader/readAsText">readAsText()</a></code></td>
<td><code>result</code> es una cadena de texto con el contenido del archivo.</td>
</tr>
</tbody>
</table>
<h2 id="Ejemplo">Ejemplo</h2>
<p>Este ejemplo representa una función <code>read()</code>, que lee un archivo de un <a href="/en-US/docs/Web/HTML/Element/input/file">file input</a>. Funciona creando un objeto de {{domxref("FileReader")}} y creando un listener para los eventos <a href="/en-US/docs/Web/Events/load">load</a> de tal manera que cuando el archivo es leído, la propiedad <code>result</code> es obtenida y pasada a la función callback proporcionada a <code>read()</code>.</p>
<p>El contenido es manejado como texto.</p>
<pre class="brush: js">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);
}
</pre>
<h2 id="Especificaciones">Especificaciones</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Estatus</th>
<th scope="col">Comentario</th>
</tr>
<tr>
<td>{{SpecName("File API", "#FileReader-interface", "FileReader")}}</td>
<td>{{Spec2("File API")}}</td>
<td>Definición inicial</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
<p>{{Compat("api.FileReader.result")}}</p>
<h2 id="Ver_también">Ver también</h2>
<ul>
<li>{{domxref("FileReader")}}</li>
</ul>
|
