how to get the file name from input feild with javascript?

Question

please somebody help me out on this. I want to get the file name from <input type="file" id="photo1" name="photo1"/> I need the file name with no path and extension! I try to get the data with this var pic = document.getElementById("photo1").value; but is not working! Thank you in advance!

Answer 1

I've created a fiddle for You: http://jsfiddle.net/rzvcy/1/

$(function(){
    $('#ddd').on('click' , function(e){
        e.preventDefault();
        var pic = document.getElementById("photo1").value;
        var answer = pic.split(/(\\|\/)/g).pop();
        alert(answer);
    });
});

Edit: In http://jsfiddle.net/rzvcy/3/ You've got only name of the file

    var answer = answer.split(/\./g);

Answer 2

Try this: http://jsfiddle.net/BLGg4/1/

var btn = document.getElementById("clickme");

btn.onclick = function() {
   var pic = document.getElementById("photo1").value.split(/(\\|\/)/g).pop();   
   var filename = pic.substring(0, pic.lastIndexOf("."));
   alert(filename); 
};

Answer 3

I have created small fiddle for you please check a http://jsfiddle.net/7cVE5/

$("input[type=file]").change(function() {

     var filename = $(this).val().replace(/^.*[\\\/]/, '');
     $("#test_text_box").val(filename);

});