files

filesプロパティはブラウザの登録されたFileListオブジェクトを取得できるプロパティです。

次のスクリプトではinput要素にファイルを登録したタイミングでFileListオブジェクトの内容をコンソール上に出力しています。

<input type="file" id="file">
<script>
document.getElementById("file").onchange = function(){
	console.log(this.files);
}
</script>

sample

次のスクリプトはHTML5のDrag & Drop APIを利用してページ内の要素にファイルがドラッグアンドドロップされたタイミングでevent.dataTransfer内のfilesプロパティをコンソール上に出力しています。

<div id="target"></div>
<script>
document.getElementById("target").ondrop= function(event){
	console.log(event.dataTransfer.files);
}
document.getElementById("target").ondragover= function(event){
	event.preventDefault();
}
</script>

sample

filesプロパティのFileListオブジェクトにはFileオブジェクトが配列として格納されており、FileList.lengthプロパティをもちます。

登録日 : 2013年02月06日最終更新日 : 2013年2月6日

JavaScript リファレンス

files

同じカテゴリー(File)のエントリー

検索

スポンサードリンク

バージョン

リファレンス