jQuery и ввод [type = "file"] вопрос

Question

Мой вопрос довольно прост:

Я хочу сохранить ИМЯ ФАЙЛА, которое я выбрал, используя ввод файла, и используя jQuery, я хочу мгновенно поместить это имя в другое место без обновления страницы.

Может быть, я бы заменил простой текст именем файла. Как бы я это сделал?

Пример:

Текст в начале: Hello World

После выбора файла «Hello World» будет заменен на «my_filename.gif».

Идеи

Answer 1

Вы можете сохранить его в функции данных для элемента:

function getFileNameFromPath(path) {
        var ary = path.split("\\");
        return ary[ary.length - 1];
    }

    $(function () {

        $('input[type=file]').change(function () {
            $(this).data(
                'fileName',
                getFileNameFromPath($(this).val())
                );

            alert($(this).data('fileName'));
        });

    });

Answer 2

Вот потенциальное решение:

<input type="file" onchange="$('#helloWorld').val($(this).val());"/>
<input id="helloWorld" value="Hello World"/>

Вы можете проверить это здесь

РЕДАКТИРОВАТЬ:

Измененопоэтому изначально было задано значение «Hello World», а не innerHTML.