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"/>

您可以查看here

修改

修改它以使值最初设置为“Hello World”而不是innerHTML。

jQuery和输入[type =“file”]问题

2 个答案: