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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
|
---
title: URL.createObjectURL()
slug: Web/API/URL/createObjectURL
tags:
- API
- Experimental
- Method
- URL
- URL API
- createObjectURL
translation_of: Web/API/URL/createObjectURL
---
<p>{{ApiRef("URL")}}{{SeeCompatTable}}</p>
<p>El método estático <strong><code>URL.createObjectURL()</code></strong> crea un {{domxref("DOMString")}} que contiene una URL que representa al objeto pasado como parámetro. La vida de la URL está ligado al {{domxref("document")}} de la ventana en la que fue creada. El nuevo objeto URL representa al objeto {{domxref("File")}} especificado o al objeto {{domxref("Blob")}}.</p>
<div class="note">
<p>El uso de un objeto {{domxref("MediaStream")}} como entrada a este método está en proceso de ser obsoleto. Las discusiones están en curso sobre si o no debe ser quitado totalmente. Como tal, <em>se debe de evitar usar este método con {{domxref("MediaStream")}}s, y se debería usar {{domxref("HTMLMediaElement.srcObject", "HTMLMediaElement.srcObject()")}}</em>.</p>
</div>
<p>{{AvailableInWorkers}}</p>
<h2 id="Sintaxis">Sintaxis</h2>
<pre class="syntaxbox"><em>objectURL</em> = URL.createObjectURL(<em>object</em>);
</pre>
<h2 id="Parámetros">Parámetros</h2>
<dl>
<dt><code>object</code></dt>
<dd>Un objeto {{domxref("File")}} o un objeto {{domxref("Blob")}} para el que se creará la URL.</dd>
</dl>
<ul>
</ul>
<h2 id="Ejemplo">Ejemplo</h2>
<p>Ver <a href="/en-US/docs/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images" title="https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images">Usando objetos URL para representar imágenes</a>.</p>
<h2 id="Notas">Notas</h2>
<p>Cada vez que se llama a <code>createObjectURL()</code>, un nuevo objeto URL es creado, incluso si ya creaste uno para el mismo objeto. Cada uno de estos objetos puede ser liberado usando {{domxref("URL.revokeObjectURL()")}} cuándo ya no lo necesitas. Los navegadores liberan estos objetos cuando el documento es cerrado; de todas formas, para obtener un rendimiento óptimo y un óptimo uso de memoria, si hay momentos seguros en los que puedes liberar estos objetos deberías hacerlo. Por ejemplo: No liberar los recursos cuando se ha creado una URL a partir de un {{domxref('MediaStream')}} puede dejar la luz de la cámara del navegador encendida más tiempo del necesario.</p>
<div class="note">
<p>Notese que no es necesario crear URLs a partir de un {{domxref('MediaStream')}}, ya que los objetos de streams deberían asignarse directamente a elementos de reproducción con {{domxref("HTMLMediaElement.srcObject")}}. La posibilidad de usar un <code>MediaStream</code> como valor de un objeto está obsoleta.</p>
</div>
<h2 id="Especificaciones">Especificaciones</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Estado</th>
<th scope="col">Comentario</th>
</tr>
<tr>
<td>{{SpecName('File API', '#dfn-createObjectURL', 'URL')}}</td>
<td>{{Spec2('File API')}}</td>
<td>Definición inicial.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>8 [1]<br>
{{CompatChrome(23)}}</td>
<td>{{CompatGeckoDesktop(2)}}</td>
<td>{{CompatIE(10)}}</td>
<td>{{CompatOpera(15)}}</td>
<td>{{CompatSafari(6)}} [1]<br>
{{CompatSafari(7)}}</td>
</tr>
<tr>
<td>In a {{ domxref("Worker", "Web Worker") }}</td>
<td>10 [1]<br>
{{CompatChrome(23)}}</td>
<td>{{CompatGeckoDesktop(21)}}</td>
<td>{{CompatIE(11)}}</td>
<td>{{CompatOpera(15)}}</td>
<td>{{CompatSafari(6)}} [1]<br>
{{CompatSafari(7)}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Chrome para Android</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Soporte básico</td>
<td>18 [1]</td>
<td>4.0 [1]</td>
<td>{{CompatGeckoMobile(14)}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatOpera(15)}} [1]</td>
<td>6.0 [1]</td>
</tr>
<tr>
<td>In a {{ domxref("Worker", "Web Worker") }}</td>
<td>18 [1]</td>
<td>{{CompatVersionUnknown}} [1]</td>
<td>{{CompatGeckoMobile(14)}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatOpera(15)}} [1]</td>
<td>6.0 [1]</td>
</tr>
</tbody>
</table>
</div>
<p>[1] Con <code><a href="/en-US/docs/Web/API/URL">URL</a></code> prefijado como <code>webkitURL</code></p>
<h2 id="Mirar_también">Mirar también</h2>
<ul>
<li>{{domxref("URL.revokeObjectURL()")}}</li>
<li>{{domxref("HTMLMediaElement.srcObject")}}</li>
<li><a href="/en-US/docs/Using_files_from_web_applications" title="Using files from web applications">Usando archivos desde aplicaciones web</a></li>
</ul>
|
