Compare Revisions

在網頁應用程式中使用本地檔案

版本 71417:

Revision 71417 by orinx on

版本 71418:

Revision 71418 by Vdragon on

標題:
在網頁應用程式中使用本地檔案
在網頁應用程式中使用本地檔案
URL代稱:
Using_files_from_web_applications
Using_files_from_web_applications
內容:

修訂版本 71417
修訂版本 71418
n11      使用新增至HTML5 DOM的檔案API,已經可以使網頁元件提供使用者選取本地的檔案,並讀取這些檔案。檔案的選擇也可使n11      現在可以透過新增至HTML5 DOM的File API讓web內容要求使用者選取本地的檔案讀取其內容。檔案的選取動
>用HTML的&nbsp;<a href="/en/DOM/HTMLInputElement" title="en/DOM/Inp>使用HTML的&nbsp;<a href="/en/DOM/HTMLInputElement" title="en/DOM/
>ut"><code>input</code></a> 元素,或是拖曳檔案的方式。>Input"><code>input</code></a> 元素,或是拖曳檔案(drag and drop)的方式來完成
n74      If your input field was created using a JavaScript library n74      If your input field was created using a JavaScript library 
>such as <a class=" external" href="http://www.jquery.com/" title=>such as <a class="external" href="http://www.jquery.com/" title="
>"http://www.jquery.com/">jQuery</a>, you'll need to use {{ domxre>http://www.jquery.com/">jQuery</a>, you'll need to use {{ domxref
>f("element.addEventListener()") }} to add the change event handle>("element.addEventListener()") }} to add the change event handler
>r, like this:>, like this:
n242      This example uses object URLs to display image thumbnails. n242      This example uses object URLs to display image thumbnails. 
>In addition, it displays other file information including their n>In addition, it displays other file information including their n
>ames and sizes. You can <a href="/samples/domref/file-click-demo.>ames and sizes. You can <a href="/samples/domref/file-click-demo.
>html" title="https://developer.mozilla.org/samples/domref/file-cl>html" title="https://developer.mozilla.org/samples/domref/file-cl
>ick-demo.html">view the example live</a> (note that it requires a>ick-demo.html">view the example live</a> (note that it requires a
> <a class=" external" href="http://nightly.mozilla.org/" title="h> <a class="external" href="http://nightly.mozilla.org/" title="ht
>ttp://nightly.mozilla.org/">nightly build</a> of Firefox from Nov>tp://nightly.mozilla.org/">nightly build</a> of Firefox from Nove
>ember 22 or later, or Firefox 4.0 beta 8).>mber 22 or later, or Firefox 4.0 beta 8).
n388      The <code>FileUpload()</code>&nbsp;function shown above cren388      The <code>FileUpload()</code>&nbsp;function shown above cre
>ates a throbber, which is used to display progress information, t>ates a throbber, which is used to display progress information, t
>hen creates an <a href="/En/XMLHttpRequest" title="en/XMLHttpRequ>hen creates an <a href="/en/nsIXMLHttpRequest" title="en/XMLHttpR
>est"><code>XMLHttpRequest</code></a> to handle uploading the data>equest"><code>XMLHttpRequest</code></a> to handle uploading the d
>.>ata.
t469        <a href="/En/XMLHttpRequest" title="en/XMLHttpRequest"><ct469        <a href="/en/nsIXMLHttpRequest" title="en/XMLHttpRequest"
>ode>XMLHttpRequest</code></a>>><code>XMLHttpRequest</code></a>

Back to History