Javascript 如何通过文件上载显示文件名

我想在上传文件时显示文件名。为此，我使用了隐藏字段。 我的代码是

<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;" />

---

我如何才能做到这一点？

如果您只需要文件名：

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

您可以这样做：

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

$("input[id='my_file']").change(function (e) {
    var $this = $(this);
    $this.next().html($this.val().split('\\').pop());
});

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

$("input[id='my_file']").change(function (e) {
    var $this = $(this);
    $this.next().html($this.val().split('\\').pop());
});