FileUpload 對象
在 HTML 文檔中 <input type="file"> 標籤每出現一次，一個 FileUpload 對象就會被創建。
該元素包含一個文本輸入字段，用來輸入文件名，還有一個按鈕，用來打開文件選擇對話框以便圖形化選擇文件。
該元素的 value 屬性保存了用戶指定的文件的名稱，但是當包含一個 file-upload 元素的表單被提交的時候，瀏覽器會向服務器發送選中的文件的內容而不僅僅是發送文件名。
爲安全起見，file-upload 元素不允許 HTML 作者或 JavaScript 程序員指定一個默認的文件名。HTML value 屬性被忽略，並且對於此類元素來說，value 屬性是隻讀的，這意味着只有用戶可以輸入一個文件名。當用戶選擇或編輯一個文件名，file-upload 元素觸發 onchange 事件句柄。
您可以通過遍歷表單的 elements[] 數組，或者通過使用 document.getElementById()來訪問 FileUpload 對象。
FileUpload 對象的屬性
| 屬性 | 描述 |
|---|---|
| accept | 設置或返回指示文件傳輸的 MIME 類型的列表（逗號分隔）。 |
| accessKey | 設置或返回訪問 FileUpload 對象的快捷鍵。 |
| alt | 設置或返回不支持 <input type="file"> 時顯示的替代文字。 |
| defaultValue | 設置或返回 FileUpload 對象的初始值。 |
| disabled | 設置或返回是否禁用 FileUpload 對象。 |
| form | 返回對包含 FileUpload 對象的表單的引用。 |
| id | 設置或返回 FileUpload 對象的 id。 |
| name | 設置或返回 FileUpload 對象的名稱。 |
| tabIndex | 設置或返回定義 FileUpload 對象的 tab 鍵控制次序的索引號。 |
| type | 返回表單元素的類型。對於 FileUpload ，則是 “file” 。 |
| value | 返回由用戶輸入設置的文本後，FileUpload 對象的文件名。 |
標準屬性
| 屬性 | 描述 |
|---|---|
| className | 設置或返回元素的 class 屬性。 |
| dir | 設置或返回文本的方向。 |
| lang | 設置或返回元素的語言代碼。 |
| title | 設置或返回元素的 title 屬性。 |
FileUpload 對象的方法
| 方法 | 描述 |
|---|---|
| blur() | 從 FileUpload 對象上移開焦點。 |
| focus() | 爲 FileUpload 對象賦予焦點。 |
| select() | 選取 FileUpload 對象。 |
onchange 事件
定義和用法
onchange 事件會在域的內容改變時發生。
語法
onchange="SomeJavaScriptCode"
| 參數 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。規定該事件發生時執行的 JavaScript。 |
支持該事件的 HTML 標籤：
<input type="text">, <select>, <textarea>
支持該事件的 JavaScript 對象：
fileUpload, select, text, textarea
實例 1
在本例中，我們將在用戶改變輸入域內容時執行 JavaScript 代碼：
<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>
<body>
輸入您的姓名：
<input type="text" id="fname" onchange="upperCase(this.id)" />
</body>
</html>