inputFileObject.valueプロパティ

inputFileObject.valueは、ファイル入力欄(type属性がfileであるinput要素)に入力したファイル名とパスを取得するプロパティ。

構文

取得

var $value = $inputElementReference.value;

戻り値

ファイル入力欄(type属性がfileであるinput要素)に入力したファイル名とパス。

サンプル

ファイル入力欄の内容:

ファイル入力欄:

サンプルの動作について

「取得」ボタンをクリックすると、ファイル入力欄に入力したファイル名とパスを、「ファイル入力欄の内容:」の右横に表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function getValue() {
    var $elementReference = document.getElementById( "sample" );
    var $value = $elementReference.value;
    document.getElementById( "sampleOutput" ).innerHTML = $value;
}
</script>

HTML

<p>
    <button onclick="getValue();">取得</button>
</p>
<p>ファイル入力欄の内容:<span id="sampleOutput"></span></p>
<p>ファイル入力欄:<input type="file" id="sample"></p>

スポンサード リンク

カテゴリー: DOM, input type=file オブジェクト, JavaScript, リファレンス パーマリンク