javascript - 当我浏览要上传的文件时如何自动获取文件名？

Question

我想创建一个上传表单。当我浏览文件时。例如。 C:\mypicture\winter.jpg我想获取文件名并自动填写文本框“winter.jpg”。

谢谢。

Answer 1

查看纯JS演示:http://jsfiddle.net/VaWDP/2/

<input type="file" id="file">
<input type="text" id="name">​

var input = document.getElementById('file');
var name = document.getElementById('name');

if (input.addEventListener) {
    input.addEventListener('change', add_filename);
} else if (input.attachEvent) {
    input.attachEvent('onchange', add_filename);
}

function add_filename()
{
    name.value = input.value.split(/\\|\//).pop();
}

​查看 jQuery 演示:http://jsfiddle.net/SsW6t/

(function() {
    $('#file').change(function() {
        $('#name').val($(this).val().split(/\\|\//).pop());
    });
})(jQuery);​