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