javascript - ファイルのアップロードでファイル名を表示するにはどうすればよいですか

Question

ファイルのアップロード中にファイル名を表示したい.そのために、隠しフィールドを使用しました。私のコードは

<label>File</lable>
<input type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ca/Button-Lightblue.svg" width="30px"/>
<input type="file" id="my_file" style="display: none;" />

JavaScriptは

$("input[type='image']").click(function() {
    $("input[id='my_file']").click();
});

これどうやってするの？

Answer 1

ファイル名だけが必要な場合：

$('#my_file').change(function(){
    var filename = $(this).val().split('\\').pop();
});