blob: 571b2a11f8b31b54baa24e8a3e24a0951f72d924 (
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
|
---
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>
{{Compat("api.URL.createObjectURL")}}
<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>
|
