Latest web development tutorials

HTML DOM FileUpload 對象

FileUpload 對象

在HTML 文檔中<input type="file"> 標籤每出現一次,一個FileUpload 對象就會被創建。

該元素包含一個文本輸入字段,用來輸入文件名,還有一個按鈕,用來打開文件選擇對話框以便圖形化選擇文件。

該元素的value 屬性保存了用戶指定的文件的名稱,但是當包含一個file-upload 元素的表單被提交的時候,瀏覽器會向服務器發送選中的文件的內容而不僅僅是發送文件名。

為安全起見,file-upload 元素不允許HTML 作者或JavaScript 程序員指定一個默認的文件名。 HTML value 屬性被忽略,並且對於此類元素來說,value 屬性是只讀的,這意味著只有用戶可以輸入一個文件名。 當用戶選擇或編輯一個文件名,file-upload 元素觸發onchange 事件句柄。

您可以通過遍歷表單的elements[] 數組,或者通過使用document.getElementById()來訪問FileUpload 對象。


FileUpload 對象屬性

W3C: W3C標準。

属性 描述 W3C
disabled 设置或返回是否禁用 FileUpload 对象。 Yes
accept 设置或返回指示文件传输的 MIME 类型的列表(逗号分隔)。 Yes
form 返回对包含 FileUpload 对象的表单的引用。 Yes
name 设置或返回 FileUpload 对象的名称。 Yes
type 返回表单元素的类型。对于 FileUpload ,则是 "file" 。 Yes
value 返回由用户输入设置的文本后,FileUpload 对象的文件名。 Yes

標準屬性和事件

FileUpload對象同樣支持標準的屬性事件