jQuery - 添加文件后更改输入文件名

Question

<fieldset class="fieldset">
    <legend>Curriculum vitae</legend>
    <div style="margin-bottom: 1em;">
        <div class="file-well" onclick="alertFilename()">
            <input type="file" name="file" id="file" onchange="fileSelect(event)" />
            <span id="filewelllabel">click here or drag and drop<br/></span>
            <span id="filewelllabel">one file only (.pdf, .doc, .docx, .docm)</span>
        </div>
    </div>

这是我的拖放区域（也可点击以手动选择）。

下面我得到了

<b id = "selected_file_file" class="span3" style="font-weight: bold; cursor: pointer; "> NAME HERE </b>

我需要在选择之后立即将NAME更新为选定的输入文件名。我尝试了一些查询：

How to get file name when user select a file via <input type="file" />?

和其他一些使用onChange函数，但它对我没用。没啥事儿。

如何在选择文件后更改显示的名称？

@edit

 <%-- drag and drop kolorowanie --%>

    $(function () {
        $('.file-well input').on('change', function (e) {
            console.log('change!');
            $(e.target).parent().removeClass('hover');
            $(e.target).parent().addClass('filled');

        });
        $('.file-well input').on('dragover', function (e) {
            console.log('dragover');
            $(e.target).parent().addClass('hover');
        });
        $('.file-well input').on('dragleave', function (e) {
            console.log('dragleave');
            $(e.target).parent().removeClass('hover');
        });
    });
    <%-- /drag and drop kolorowanie --%>

ANY1？