input Type=”file”で設定したファイルのFileオブジェクトの取得方法

下のコードで、input type=”file”で設定されたファイルからFileオブジェクトを取得できます。

var file = $('#file')[0].files[0];

下のプログラムは、input type=”file”でローカルファイルを設定して「ファイル読込み」ボタンをクリックしてFileオブジェクトを代入する例です。

function fileButton (){
	//console.dir($('#file')[0].files[0]);
	//console.dir($('#file')[0].files[0].name);
	var file = $('#file')[0].files[0];                                                                                                    
}

<input type="file" id="file" />
<input type="button" value="ファイル読込み" onclick="fileButton()" />