GetNameOfAFile

try to get file name of a input file with jQuery.

by Noé Alonso Rabadán

HTML

<div class="form-group">
    <label for="lbl_img">Imagen:</label>
    <input type="file" id="f_img" value="" />
    <button id="btn_test"> Try!</button>
    <label id="n_img"></label>
</div>

JavaScript

$('#btn_test').click(function(){
    var file = $('#f_img').val();
    if(file === '' || file === null){
        alert('Input file is empty!');
    }else{
        var f_img = $('#f_img')[0].files[0];
        var n_img = f_img.name;
        $('#n_img').append(n_img);
    }
});