如何在<input type =“text”/>标签内放置<input type =“file”/>？

Question

我的问题是当用户选择文件时，文件名应出现在文本字段中。请告诉我这是怎么做的？

Answer 1

你的HTML

<input type="file" id = "file_upload" />
<input id="file_name" type="text" />

你的javascript

document.getElementById('file_upload').onchange = file_name;

function file_name() {
    var filename = this.value;
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex >= 0) {
        filename = filename.substring(lastIndex + 1);
    }
    document.getElementById('file_name').value = filename;
}