blob: 8760dffaecb4dd8158a7632d88838374f2515ec5 (
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
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
|
---
title: URL.createObjectURL()
slug: Web/API/URL/createObjectURL
translation_of: Web/API/URL/createObjectURL
---
<div>{{ApiRef("URL API")}}{{SeeCompatTable}}</div>
<h2 id="摘要">摘要</h2>
<p>靜態方法 <strong><code>URL.createObjectURL()</code></strong> 用於建立一個帶有URL的 {{domxref("DOMString")}} 以代表參數中所傳入的物件. 該URL的生命週期與創造它的window中的 {{domxref("document")}}一致. 這個新的物件URL 代表了所指定的 {{domxref("File")}} 物件 或是 {{domxref("Blob")}} 物件.</p>
<p>{{AvailableInWorkers}}</p>
<h2 id="語法">語法</h2>
<pre class="syntaxbox"><em>objectURL</em> = URL.createObjectURL(<em>blob</em>);
</pre>
<h2 id="參數">參數</h2>
<dl>
<dt><em>blob</em></dt>
</dl>
<dl>
<dd>一個用以建立物件URL的 {{domxref("File")}} 物件 或是 {{domxref("Blob")}} 物件.</dd>
</dl>
<ul>
</ul>
<h2 id="範例">範例</h2>
<p>參見 <a href="/en-US/docs/Using_files_from_web_applications#Example.3A_Using_object_URLs_to_display_images" title="https://developer.mozilla.org/en/Using_files_from_web_applications#Example:_Using_object_URLs_to_display_images">Using object URLs to display images</a>.(藉由物件URL來顯示圖像)</p>
<h2 id="注意事項">注意事項</h2>
<p>每次呼叫 <code>createObjectURL()</code> 都會產生一個新的URL, 不論是否曾以同一物件產生過. 當你不再需要它們的時候必須對每一個都呼叫 {{domxref("URL.revokeObjectURL()")}} 來釋放它們. 瀏覽器會在document被unload時自動釋放它們; 然而, 為了最佳化效能與記憶體用量, 當有安全的時機請務必手動釋放它們.</p>
<h2 id="規範文件">規範文件</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">規範文件</th>
<th scope="col">狀態</th>
<th scope="col">附註</th>
</tr>
<tr>
<td>{{SpecName('File API', '#dfn-createObjectURL', 'URL')}}</td>
<td>{{Spec2('File API')}}</td>
<td>Initial definition.</td>
</tr>
</tbody>
</table>
<h2 id="瀏覽器相容性">瀏覽器相容性</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>功能</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>Basic support</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>Feature</th>
<th>Chrome for 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>Basic support</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] 在該瀏覽器中必須使用 <code>webkitURL 而非 <a href="/en-US/docs/Web/API/URL">URL</a></code></p>
<h2 id="另見">另見</h2>
<ul>
<li>{{domxref("URL.revokeObjectURL()")}}</li>
<li><a href="/en-US/docs/Using_files_from_web_applications" title="Using files from web applications">Using files from web applications</a></li>
</ul>
|
