HTML DOM FileUpload 對象
FileUpload 對象
在 HTML 文檔中 <input type="file"> 標(biāo)簽每出現(xiàn)一次,一個(gè) FileUpload 對象就會(huì)被創(chuàng)建。
該元素包含一個(gè)文本輸入字段,用來輸入文件名,還有一個(gè)按鈕,用來打開文件選擇對話框以便圖形化選擇文件。
該元素的 value 屬性保存了用戶指定的文件的名稱,但是當(dāng)包含一個(gè) file-upload 元素的表單被提交的時(shí)候,瀏覽器會(huì)向服務(wù)器發(fā)送選中的文件的內(nèi)容而不僅僅是發(fā)送文件名。
為安全起見,file-upload 元素不允許 HTML 作者或 JavaScript 程序員指定一個(gè)默認(rèn)的文件名。HTML value 屬性被忽略,并且對于此類元素來說,value 屬性是只讀的,這意味著只有用戶可以輸入一個(gè)文件名。當(dāng)用戶選擇或編輯一個(gè)文件名,file-upload 元素觸發(fā) onchange 事件句柄。
您可以通過遍歷表單的 elements[] 數(shù)組,或者通過使用 document.getElementById()來訪問 FileUpload 對象。
FileUpload 對象的屬性
| 屬性 | 描述 |
|---|---|
| accept | 設(shè)置或返回指示文件傳輸?shù)?MIME 類型的列表(逗號分隔)。 |
| accessKey | 設(shè)置或返回訪問 FileUpload 對象的快捷鍵。 |
| alt | 設(shè)置或返回不支持 <input type="file"> 時(shí)顯示的替代文字。 |
| defaultValue | 設(shè)置或返回 FileUpload 對象的初始值。 |
| disabled | 設(shè)置或返回是否禁用 FileUpload 對象。 |
| form | 返回對包含 FileUpload 對象的表單的引用。 |
| id | 設(shè)置或返回 FileUpload 對象的 id。 |
| name | 設(shè)置或返回 FileUpload 對象的名稱。 |
| tabIndex | 設(shè)置或返回定義 FileUpload 對象的 tab 鍵控制次序的索引號。 |
| type | 返回表單元素的類型。對于 FileUpload ,則是 "file" 。 |
| value | 返回由用戶輸入設(shè)置的文本后,F(xiàn)ileUpload 對象的文件名。 |
標(biāo)準(zhǔn)屬性
| 屬性 | 描述 |
|---|---|
| className | 設(shè)置或返回元素的 class 屬性。 |
| dir | 設(shè)置或返回文本的方向。 |
| lang | 設(shè)置或返回元素的語言代碼。 |
| title | 設(shè)置或返回元素的 title 屬性。 |
FileUpload 對象的方法
| 方法 | 描述 |
|---|---|
| blur() | 從 FileUpload 對象上移開焦點(diǎn)。 |
| focus() | 為 FileUpload 對象賦予焦點(diǎn)。 |
| select() | 選取 FileUpload 對象。 |