HTML DOM Input FileUpload 對象

Input FileUpload 對象

Input FileUpload 對象代表已設置 type="file" 的 HTML <input> 元素。

訪問 Input FileUpload 對象

您可以使用 getElementById() 訪問 type="file" 的 <input> 元素:

var x = document.getElementById("myFile");

親自試一試

提示:您還可以通過搜索表單的 elements 集合 來訪問 <input type="file">。

創建 Input FileUpload 對象

您可以使用 document.createElement() 方法創建 type="file" 的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "file");

親自試一試

Input FileUpload 對象屬性

屬性 描述
accept 設置或返回文件上傳按鈕的 accept 屬性值。
autofocus 設置或返回文件上傳按鈕是否應在頁面加載時自動獲得焦點。
defaultValue 設置或返回文件上傳按鈕的默認值。
disabled 設置或返回是否禁用文件上傳按鈕。
files 返回 FileList 對象,該對象代表使用文件上傳按鈕選擇的一個或多個文件。
form 返回對包含文件上傳按鈕的表單的引用。
multiple 設置或返回是否允許用戶在文件上傳字段中選擇多個文件。
name 設置或返回文件上傳按鈕的 name 屬性值。
required 設置或返回提交表單前是否必須選擇文件上傳字段中的文件。
type 返回文件上傳按鈕是哪種類型的表單元素。
value 返回所選文件的路徑或名稱。

標準屬性和事件

Input FileUpload 對象同時支持標準屬性事件

相關頁面

HTML 教程:HTML 表單

HTML 參考手冊:HTML <input> 標簽

HTML 參考手冊:HTML <input> type 屬性