HTML DOM インプット ファイルアップロード オブジェクト

Input FileUpload オブジェクト

Input FileUpload オブジェクトは、type="file" が設定された HTML <input> 元素を表す。

Input FileUpload オブジェクトのアクセス

type="file"の<input>要素にアクセスするにはgetElementById()を使用できます：

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

実際に試してみてください

ヒント：フォーム内の<input>要素を検索することでアクセスすることもできます： elements コレクション を通じて<input type="file">にアクセスします。

Input FileUpload オブジェクトの作成

type="file"の<input>要素を作成するにはdocument.createElement()メソッドを使用できます：

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

実際に試してみてください

Input FileUpload オブジェクトの属性

属性 説明
accept ファイルアップロードボタンの accept 属性値を設定または返します。
autofocus ファイルアップロードボタンがページ読み込み時に自動的にフォーカスを取得するかどうかを設定または返します。
defaultValue ファイルアップロードボタンのデフォルト値を設定または返します。
disabled ファイルアップロードボタンの無効化を設定または返します。
files ファイルアップロードボタンで選択された1つまたは複数のファイルを表す FileList オブジェクトを返します。
form ファイルアップロードボタンを含むフォームへの参照を返します。
multiple ユーザーがファイルアップロードフィールドから複数のファイルを選択できるかどうかを設定または返します。
name ファイルアップロードボタンの name 属性値を設定または返します。
required フォームを送信する前にファイルアップロードフィールドのファイルを選択する必要があるかどうかを設定または返します。
type ファイルアップロードボタンの形式がどの種類のフォーム要素であるかを返します。
value 選択されたファイルのパスまたは名前を返します。

標準属性およびイベントをサポートしています。

Input FileUpload オブジェクトは標準属性およびイベント。

関連ページ

HTML 教程：HTML フォーム

HTML 参考マニュアル：HTML <input> タグ

HTML 参考マニュアル：HTML <input> type 属性